<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>报告页</title>
    <link href="static/css/report.css" rel="stylesheet">

    <style type="text/css">
       /*
        page-break-inside:avoid; 不允许元素内部分割
        .mbti-explain-box .mbti-list-data p {
            page-break-inside:avoid;
        }
        */
    </style>
</head>

<script src="static/js/echarts.min.js"></script>
<script src="static/js/circles.min.js"></script>

    {# 全局变量 #}
    {% set answerSum = [0] %}
    {% set totalSum = [0] %}

    {% if report.sceneId == 1 %}
        {% set main = "候选人" %}
    {% else %}
        {% set main = "该员工" %}
    {% endif %}


    {% set type16 = [] %}

    {% set lie = [""] %}
    {% set lieTagIds = [] %}
    {% for unit in report.units %}
        {% for chart in unit.charts %}
            {% if chart.type == 8 %}
                {% do lie.append(lie.pop() + chart.explanation) %}
                {% if chart.entries  and chart.entries | length > 0 %}
                    {% for entry in chart.entries  %}
                        {% do lieTagIds.append(entry.tagId) %}
                    {% endfor %}
                {% endif %}
            {% elif chart.type == 16 %}
                {% for entry in chart.entries %}
                    {% do type16.append(entry) %}
                {% endfor %}
            {% endif %}
        {% endfor %}
    {% endfor %}


    {% if report.units[0]["charts"][0] %}
        {% if report.units[0]["charts"][0]["name"] == "领导力总评" %}
            {% set specialType = 1 %}
        {% elif report.units[0]["charts"][0]["name"] == "逆商总评" %}
            {% set specialType = 2 %}
        {% elif report.units[0]["charts"][0]["name"] == "大五人格总评" %}
            {% set specialType = 3 %}
        {% elif report.units[0]["charts"][0]["name"] == "大五人格总评_精简版" %}
            {% set specialType = 4 %}
        {% elif report.units[0]["charts"][0]["name"] == "大五人格总评_图片版" %}
            {% set specialType = 5 %}
        {% elif report.units[0]["charts"][0]["name"] == "职业倾向性总评" %}
            {% set specialType = 6 %}
        {% elif report.units[0]["charts"][0]["name"] == "高级瑞文推理总评" %}
            {% set specialType = 7 %}
        {% endif %}
    {% else %}
        {% if report.units[1]["charts"][0]["name"] == "症状自评量表（SCL90）" %}
            {% set specialType = 8 %}
        {% elif report.units[1]["charts"][0]["name"] == "行为特质动态衡量系统" %}
            {% set specialType = 9 %}
        {% elif report.units[1]["charts"][0]["name"] == "思维风格量表" %}
            {% set specialType = 10 %}
        {% elif report.units[1]["charts"][0]["name"] == "MBTI" %}
            {% set  specialType = 11 %}
        {% elif report.units[1]["charts"][0]["name"] == "卡特尔16种基本人格因素" %}
            {% set  specialType = 12 %}
        {% elif report.units[1]["charts"][0]["name"] | findSubStr("大五人格") != 1 %}
            {% set  specialType = 13 %}
        {% endif %}
    {% endif %}

    {# type=36个数 #}
    {% set type36count = [0] %}

    {# 展示指标个数 #}
    {% set pf16tagcount = [0] %}

<body>
    <div class="report">
        <div class="report-head" style="{% if report.reportIconUrl %} background: url('{{ report.reportIconUrl }}') 43px center no-repeat #00a0e9; background-size: 280px auto;{% else %} background: url() 59px center no-repeat #00a0e9; {% endif %}" >
            <span class="inline reportName">{{ report.reportName }}</span>
            <span class="report-time">{{ report.interviewDate | dateformat("%Y-%m-%d %H:%M") }}</span>
        </div>


        <div class="head-info">
            <span class="name {% if report.sex == 1 %} male {% else %} female {% endif %}">{{ report.name }}</span>
            <span class="reportType">{{ report.title }}</span>
            <span class="tel">{{ report.phone }}</span>
        </div>

        <div class="report-content">
            <div id = "m0" class="block">
                <div>
                    <div class="text-center" style="font-weight: bold; font-size: 23px;">总体概况</div>
                    <div style="padding-top: 20px; padding-bottom: 20px;">
                        <div class="table-box">
                            <table class="table table-bordered" id="total-table">
                                <tbody>
                                    <tr>
                                        <td>模块</td>
                                        {% for unit in report.units[1:] %}
                                            <td>{{ unit.name }}</td>
                                        {% endfor %}
                                    </tr>
                                    <tr>
                                        <td>完成率</td>
                                        {% for unit in report.units[1:] %}
                                             <td>{{ (unit.answered / unit.total * 100) | round(method="floor") | int }}%（<span>{{ unit.answered }}</span>/<span>{{ unit.total }}</span>）</td>
                                        {%do answerSum.append(answerSum.pop() + unit.answered)%}
                                        {%do totalSum.append(totalSum.pop() + unit.total)%}
                                        {% endfor %}
                                    </tr>
                                    <tr>
                                        <td>完成时间</td>
                                        <td colspan="{{ report.units | length - 1 }}">
                                            {{ (report.timeSpent / 60) | round | int }}分钟 / 建议时长{{ (report.duration / 60) | round | int }}分钟
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>异常情况</td>
                                        <td colspan="{{ report.units | length - 1 }}" style="text-align: left;">
                                            <ol class="err_list">
                                                {% if report.timeout %}
                                                    {% if answerSum[0] == totalSum[0] %}
                                                        <li>
                                                            在时间结束时恰好完成作答，可能正常作答完毕但未及点击提交，或在最后关头快速作答以确保完成全部试题。
                                                        </li>
                                                    {% else %}
                                                        <li>
                                                            候选人未能在规定时限完成全部试题，总完成率为{{ (answerSum[0]/totalSum[0] * 100) | round(method="floor") | int }}%。
                                                        </li>
                                                    {% endif %}
                                                {% else %}
                                                    {% if (answerSum[0]/totalSum[0]) == 1 %}
                                                        <li>
                                                            作答未超时，{{main}}在规定时限内正常完成试题并提交。
                                                        </li>
                                                    {% else %}
                                                        <li>
                                                            提前结束作答，即在未完成试题的情况下提交，总完成率为{{ (answerSum[0]/totalSum[0]*100) | round(method="floor") | int }}%。
                                                        </li>
                                                    {% endif %}
                                                {% endif %}
                                                {% if  report.interrupted != 0 %}
                                                    <li>
                                                        作答中断过{{report.interrupted}}次，中断总时长为{{(report.timeInterrupted/60) | round() | int}}分钟，候选人在答题过程中有离开答题页面进行过其他操作（如查找答案等），但不排除网络中断等其他原因。
                                                    </li>
                                                {% else %}
                                                    <li>
                                                        作答未中断，候选人在答题过程中专心作答，未进行其他操作。
                                                    </li>
                                                {% endif %}
                                                {% if report.timeSpent / report.duration <= 0.2 %}
                                                    <li>作答时间远远低于建议时长，{{main}}的作答态度可能存在敷衍。</li>
                                                {% endif %}
                                                {% if isSpecial %}
                                                    {% if answerSum[0] < totalSum[0] %}
                                                        {% if specialType == 3 or specialType == 4 or specialType == 5 or specialType == 6 or specialType == 9 or specialType == 10 or specialType == 11 or specialType == 12 or specialType == 13%}
                                                            {% if answerSum[0] / totalSum[0] >= 0.95 %}
                                                                <li>仅少量题目未作答，对本测评干扰较小。</li>
                                                            {% else %}
                                                                <li>未完整作答，部分结果无意义。</li>
                                                            {% endif %}
                                                        {% else %}
                                                            {% if specialType == 8 %}
                                                                <li>未完整作答，部分结果无意义。</li>
                                                            {% else %}
                                                                <li>未完整作答，部分结果可能会低于真实水平。</li>
                                                            {% endif %}
                                                        {% endif %}
                                                    {% endif %}
                                                {% endif %}
                                            </ol>
                                        </td>
                                    </tr>
                                    {% if lie[0] and lie[0] != '' %}
                                        <tr>
                                            <td>掩饰性</td>
                                            <td colspan="{{ report.units | length - 1 }}" style="text-align: left;">
                                                <p class="lie-test indent">{{ lie[0] }}</p>
                                            </td>
                                        </tr>
                                    {% endif %}
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                <!--总体情况-->
                {% if report.units[0]["charts"][0] %}
                    {% if report.units[0]["charts"][0]["type"] == 1 %}
                        {% if specialType != 3 and specialType != 4 and specialType != 5 and specialType != 6 and specialType != 7 %}
                            {% with chart = report.units[0]["charts"][0] %}
                                <div>
                                    <table>
                                        <tbody>
                                            <tr>
                                                <td>
                                                    <div class="total-score">
                                                        <span>{{ (chart.score * 100) | round() | int }}</span>{% if not chart.title %}%{% endif %}
                                                    </div>
                                                </td>
                                                <td style="padding-left: 15px;padding-right: 15px;">
                                                    <span class="pingyu nowrap total-score-pingyu">
                                                        {% if chart.title %}
                                                            {{ chart.title }}
                                                        {% else %}
                                                            人岗适配度
                                                        {% endif %}
                                                        ：{{ chart.commont }}
                                                    </span>
                                                </td>
                                                <td>
                                                    <span class="word-content">{{ chart.explanation }}</span>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <div class="progressBar text-center">
                                        {% for entry in chart.entries %}
                                            <div class="bar">
                                                <div class="bar-name">{{ entry.name }}</div>
                                                <div class="sub-bar">
                                                    <div class="bar-box">
                                                        <div class="bar" style="width:{{ (entry.score*100) | round() | int }}%"></div>
                                                    </div>
                                                </div>
                                                <div class="bar-index">{{ (entry.score*100) | round() | int }}</div>
                                            </div>
                                        {% endfor %}
                                    </div>
                                    {#
                                        {% if specialType == 1 and (answerSum[0] < totalSum[0]) %}
                                            <p class="incomplete">※ 由于受测者未完整作答，整体以及某些维度得分可能会低于真实水平，请仅参考完整作答的单个指标。</p>
                                        {% elif specialType == 2 and (answerSum[0] < totalSum[0]) %}
                                            <p class="incomplete">※ 由于受测者未完整作答，整体得分会低于真实水平，请仅参考完整作答的单个指标。</p>
                                        {% endif %}
                                     #}
                                </div>
                            {% endwith %}
                        {% endif %}
                    {% endif %}
                {% endif %}
            </div>

            {% if specialType == 1 %}
                <div style="text-align:center;font-size: 20px;font-weight: bold;margin-bottom: 30px;">领导力测评</div>
                <div class="summary">
                    <p>本测评将领导力分为个人魅力、组织业务、团队建设三个维度，经进一步解析，细分出成就动机、心态导向等13项指标。综合反映并深入解读个体的领导力水平及领导风格特征。</p>
                </div>
            {% elif specialType == 2 %}
                <div style="text-align:center;font-size: 20px;font-weight: bold;margin-bottom: 30px;">逆商测评</div>
                <div class="summary">
                    <p>本测评从思维反应方式以及困境处理能力两大模块分别考察受测者在不同逆商影响维度上的表现情况。精准测量个体的环境掌控、责任明确、影响控制以及压力忍耐能力，综合考量个体的逆商水平。</p>
                </div>
            {% elif specialType == 3 %}
                <div style="text-align:center;font-size: 20px;font-weight: bold;margin-bottom: 30px;">大五人格测评（完整版）</div>
                <div class="summary" style="margin-bottom: -50px">
                    <p>本测评为面试吧基于经典人格理论——大五（OCEAN）人格，修订的完整版文字量表，从开放性(O)、尽责性(C)、外倾性(E)、宜人性(A)、情绪稳定性(N)五大人格维度，深入探索个体的人格特点以及每个维度下的突出因子特征，构建个体全息的人格画像。</p>
                </div>
            {% elif specialType == 4 %}
                <div style="text-align:center;font-size: 20px;font-weight: bold;margin-bottom: 30px;">大五人格测评（精简版）</div>
                <div class="summary" style="margin-bottom: -50px">
                    <p>本测评为面试吧基于经典人格理论——大五（OCEAN）人格，修订的精简版文字量表，从开放性(O)、尽责性(C)、外倾性(E)、宜人性(A)、情绪稳定性(N)五大人格维度，构建个体全息的人格画像。</p>
                </div>
            {% elif specialType == 5 %}
                <div style="text-align:center;font-size: 20px;font-weight: bold;margin-bottom: 30px;">大五人格测评（图片版）</div>
                <div class="summary" style="margin-bottom: -50px">
                    <p>本测评为面试吧基于经典人格理论——大五（OCEAN）人格，自主研发的图片版量表，以图片半投射形式考察个体的开放性(O)、尽责性(C)、外倾性(E)、宜人性(A)、情绪稳定性(N)五大人格维度，降低受测者掩饰性的影响，构建个体全息的人格画像。</p>
                </div>
            {% elif specialType == 6 %}
                <div style="text-align:center;font-size: 20px;font-weight: bold;margin-bottom: 30px;">职业倾向性测评</div>
                <div class="summary" style="margin-bottom: -50px">
                    <p>本测评为面试吧基于经典职业倾向性理论——霍兰德职业兴趣理论，修订而成的符合中国受测者使用的职业倾向性测评。我们根据受测者的兴趣，将人格分为实际型（R）、调研型（I）、艺术型（A）、社会型（S）、企业型（E）、常规型（C）六个维度，进而探究其兴趣倾向及适合的职业，勾勒出测试者的职业兴趣画像。</p>
                </div>
            {% elif specialType == 7 %}
                <div style="text-align:center;font-size: 20px;font-weight: bold;margin-bottom: 30px;">瑞文高级推理测评</div>
                <div class="summary" style="margin-bottom: -50px">
                    <p>本测评为瑞文逻辑推理测验的高级版，沿袭瑞文标准推理测验的非文字形式，深入考察受测者在推理过程中的视觉空间和特征分析能力，综合剖析与评价受测者的逻辑推理能力。本测验主要考察推理方面的能力（该能力是智力的主要体现，但不完全等同于智力），适用于区分高智商人群。</p>
                </div>
            {% endif %}

            {% for unit in report.units[1:] %}
                <div id="m{{loop.index}}" class="block">
                {% for chart in unit.charts %}
                    {% if chart.type == 2 %}
                        {% if chart.name == "团队建设" or chart.name == "个人魅力" %}
                        {% endif %}
                         <!-- 板块总分 -->
                        {% if chart.name == "瑞文标准推理" %}
                            <h4 class="box-title ruiwen">{{chart.name}}</h4>
                            <div class="summary">
                                <p class="ruiwenintro">本测验通过纯粹的非文字测验形式，从5个模块：知觉辨别、类同比较、比较推理、系列关系、抽象推理来综合考察被测者的观察力以及清晰思维的能力。五个模块的题目难度递增；得分高反映该方面或总体的能力较强。（本测验主要考察推理方面的能力，并非完全等同于智力，适用于智力方面的初步筛选。）</p>
                            </div>
                        {% elif specialType == 1 %}
                            <h4 class="box-title special_leader">{{chart.name}}</h4>
                        {% elif specialType == 2 %}
                            <div class="chart-description" style="display: flex; justify-content: space-between; align-items: flex-start; margin-top: 70px">
                                <h4 class="box-title special_leader" style="width:100px; margin: 0; text-align: left;">{{chart.name}}</h4>
                                <div class="description" style="flex: 1">
                                    {% if loop.index == 2 %}
                                        <p>Control（控制感）是指个体对周围环境的信念控制能力。在面对逆境时，逆商高的人会相信自己并主动去改变环境。这主要体现在个体思维反应方式中的自我效能感等。</p>
                                    {% elif loop.index == 4 %}
                                        <p>Ownership（责任归属）是指个体看待逆境问题原因的责任归属。逆商高的人会客观地看待陷入逆境的原因，而非过度沉溺于自我批判、消极自责的心境中。这主要体现在个体思维反应方式中的外归因等。</p>
                                    {% elif loop.index == 6 %}
                                        <p>Reach（影响延伸）是指个体因为逆境而影响波及到的事务以及人物范围。逆商高的人会主动将逆境所带来的负面影响控制在一定范围并努力将影响程度降到最低。这主要体现在个体困境处理能力中的抗压能力、情绪管理能力等。</p>
                                    {% else %}
                                        <p>Endurance（忍耐）是指个体对于逆境的耐受性。逆商高的人相信自己可以很快度过逆境，并积极找寻解决问题的方案。这主要体现在个体困境处理能力中的应变能力、坚韧性等。</p>
                                    {% endif %}
                                </div>
                            </div>
                        {% else %}
                            <h4 class="box-title">{{ unit.name }}</h4>
                        {% endif %}

                        <div style="padding-bottom: 30px;padding-top: 25px;">
                            <table>
                                <tbody>
                                    <tr>
                                        <td>
                                            <div id="processingbar{{ chart.chartTemplateId }}" class="processingbar pull-left">
                                                <script>
                                                    var score = Math.round({{ chart.score * 100 }});
                                                    var name = "{{ chart.name }}";
                                                    var colors;
                                                    var textClass;

                                                    if(name == "个人魅力"){
                                                        colors = ["#E5E5E5","#5DE9B9"];
                                                        textClass = "personal-charisma-text"
                                                    }else if(name == "组织业务"){
                                                        colors = ["#E5E5E5","#4FD0FB"];
                                                        textClass = "organization-business-text"
                                                    }else if(name =="团队建设"){
                                                        colors = ["#E5E5E5","#7CA1FF"];
                                                        textClass = "team-building-text"
                                                    }else{
                                                        colors = ["#E5E5E5","#00a0e9"];
                                                        textClass = "normal-text"
                                                    }

                                                    Circles.create({
                                                          id: 'processingbar{{ chart.chartTemplateId }}',
                                                          radius:  35,
                                                          value: score,
                                                          maxValue: 100,
                                                          width: 13,
                                                          text: function(){return score;},
                                                          colors: colors,
                                                          duration: 0,
                                                          textClass:  textClass
                                                    });
                                                </script>
                                            </div>
                                        </td>
                                        <td style="padding-left: 15px;">
                                            {% if chart.name == "个人魅力" %}
                                                <p class="pingyu" style="color:#5de9b9">{{ chart.explanation }}</p>
                                            {% elif chart.name == "组织业务" %}
                                                <p class="pingyu" style="color:#4fd0fb">{{ chart.explanation }}</p>
                                            {% elif chart.name == "团队建设" %}
                                                <p class="pingyu" style="color:#7ca1ff">{{ chart.explanation }}</p>
                                            {% else %}
                                                <p class="pingyu">{{ chart.explanation }}</p>
                                            {% endif %}
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    {% elif chart.type == 11 %}
                        <!-- 柱状图 -->
                        <div style="padding:20px;background-color: #f5f5f5;border-radius: 8px;">
                            <h4 class="text-center" style="font-size: 20px;padding-bottom: 15px;">{{ chart.name }}</h4>
                            <div class="chartBox" style="padding-bottom: 20px;">
                                <div id="barChart{{chart.chartTemplateId}}" style="width: 800px; height: 400px;"></div>
                            </div>
                            <table class="table table-bordered" style="margin-bottom: 0">
                                <tbody>
                                    {% for entry in chart.entries %}
                                         <tr>
                                            <td><div class="nowrap" style="font-weight: bold;">{{ entry.name }}</div></td>
                                            <td style="color: #666;">{{ entry.explanation }}</td>
                                            {% if isSpecial %}
                                                <td style="color: #666;" class="abnormal">
                                                    {% if entry.answered == 0 %}
                                                        未进行该指标题目的作答。
                                                    {% elif entry.answered < entry.scored%}
                                                        该指标答题不全，得分低于真实水平。
                                                    {% else %}
                                                        —
                                                    {% endif %}
                                                </td>
                                            {% endif %}
                                         </tr>
                                    {% endfor%}
                                </tbody>
                            </table>
                        </div>

                        <script>
                           var entries = {{ chart.entries }};
                           var chartTemplateId = {{ chart.chartTemplateId }};
                           for (var k = 0, keys = [], values = [], avgScores = []; k < entries.length; k++) {
                               var entry = entries[k];
                               keys.push(entry.name);
                               values.push((entry.scoringRate * 100).toFixed(1));
                               if (entry.avgScore) {
                                   avgScores.push((entry.avgScore * 100).toFixed(1) || 0);
                               } else {
                                   avgScores.push(0);
                               }
                           }

                           var avgBool = avgScores.every(function(item, index, array) {
                                return item == 0;
                           })

                           var myChart = echarts.init(document.getElementById('barChart' + chartTemplateId));

                           if (avgBool) {
							var option = {
								legend: {
									data: ['被测者水平'],
                                    textStyle:{
									    fontSize:18,
                                        fontFamily:'Microsoft YaHei'
                                    }
								},
								grid: {
									left: '3%',
									right: '4%',
									bottom: '3%',
									sibottom: '3%',
									containLabel: true
								},
								xAxis: [{
									// show: false,
									type: 'category',
									data: keys,
									axisTick: {
										show: false
									},
									axisLabel: {
										textStyle: {
											fontSize: 20
										},
										interval: 0 //强制显示x轴所有坐标
									},
								}],
								yAxis: [{
									type: 'value',
									max: 100,
									axisTick: {
										show: false
									},
									interval: 20,
									name: '    得分率（%）',
									nameTextStyle: {
										fontSize: 18
									},
                                    axisLabel: {
                                        fontSize: 18
									}
								}],
								series: [{
										name: '被测者水平',
										type: 'bar',
										data: values,
										barWidth: keys.length < 5 ? 30 : undefined,
										itemStyle: {
											normal: {
												color: 'rgba(78, 65, 240, .6)'
											}
										},
										barGap: '20%'
									}

								],
                                animation:false
							};
						} else {
							var option = {
								legend: {
									data: ['平均水平','被测者水平'],
                                    textStyle:{
									    fontSize:18,
                                        fontFamily:'Microsoft YaHei'
                                    }
								},
								grid: {
									left: '3%',
									right: '4%',
									bottom: '3%',
									containLabel: true
								},
								xAxis: [{
									// show: false,
									type: 'category',
									data: keys,
									axisTick: {
										show: false
									},
									axisLabel: {
										textStyle: {
											fontSize: 18
										},
										interval: 0 //强制显示x轴所有坐标
									},
								}],
								yAxis: [{
									type: 'value',
									max: 100,
									axisTick: {
										show: false
									},
									interval: 20,
									name: '    得分率（%）',
									nameTextStyle: {
										fontSize: 18
									},
                                    axisLabel: {
                                        fontSize: 18
									}
								}],
								series: [
								         {
                                            name: '平均水平',
                                            type: 'bar',
                                            data: avgScores,
                                            barWidth: keys.length < 5 ? 30 : undefined,
                                            itemStyle: {
                                                normal: {
                                                    color: 'rgba(233,159,0, .6)'
                                                }
                                            }
                                        },{
										name: '被测者水平',
										type: 'bar',
										data: values,
										barWidth: keys.length < 5 ? 30 : undefined,
										itemStyle: {
											normal: {
												color: 'rgba(78, 65, 240, .6)'
											}
										},
										barGap: '20%'
									}

								],
                                animation:false
							};
						}

                        myChart.setOption(option);
                        </script>
                    {% elif chart.type == 10 %}
                        <div class="score-rate">
                            <div class="sub-type linear clearfix">
                                <div>
                                    <p style="font-size: 17px; font-weight: bold;">{{ chart.name }}</p>
                                </div>
                                <div class="inline" style="width: 46%;padding-right: 20px;padding-top: 0px;">
                                    <div>
                                        <div class="level-bar clearfix" style="margin-bottom: 36px;">
                                            <span class="active-level clearfix" style="left:31%;">
                                                <a style="font-size: 21px;color:
                                                {% if chart.scoringRate <= 0.5 %}
                                                    #A8E2FC
                                                {% elif chart.scoringRate <= 0.8 %}
                                                    #4EC2F8
                                                {% elif chart.scoringRate <= 1 %}
                                                    #0088C7
                                                {% endif %}">{{(chart.scoringRate * 100)| round() | int}}%</a><i></i>
                                            </span>
                                            {% if chart.avgScore %}
                                                <span class="avg-level" style="left:{{(chart.avgScore * 100)| round() | int}}%;"><a style="color: #999">平均水平</a></span>
                                            {% endif %}
                                            <div class="pull-left level-one"><div class="sub-rate"></div></div>
                                            <div class="pull-left level-two"><div class="sub-rate"></div></div>
                                            <div class="pull-left level-three"><div class="sub-rate"></div></div>
                                        </div>
                                        <div class="levels clearfix">
                                            <ul>
                                                <li style="text-align: left;"><span>0%</span></li>
                                                <li><span>&nbsp;</span></li>
                                                <li><span>&nbsp;</span></li>
                                                <li><span>&nbsp;</span></li>
                                                <li><span>&nbsp;</span></li>
                                                <li><span>&nbsp;</span></li>
                                                <li><span>&nbsp;</span></li>
                                                <li><span>&nbsp;</span></li>
                                                <li><span>&nbsp;</span></li>
                                                <li style="text-align: right;"><span>100%</span></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="inline" style="width: 48%;padding-left: 20px;">
                                    <p style="color: #666;">{{ chart.explanation }}</p>
                                </div>
                            </div>
                        </div>
                    {% elif chart.type == 5 %}
                        <!-- 雷达图 -->
                        <div class="radarChart-box">
                            <div id="radarChart{{chart.chartTemplateId}}" style="margin: 0 auto;width: 800px;height: 670px;"></div>
                        </div>
                        <script>
                            var chart = {{ chart }};

                            for (var k = 0, keys = [], values = [], name, entry; entry = chart.entries[k]; ++k) {
                                if(chart.name.indexOf('职业倾向性') != -1){
                                    keys.push({
                                        text: entry.name,
                                        max: 100
                                    });
                                    values.push(parseInt(entry.scoringRate * 100));
                                }else{
                                    keys.push({
                                        text: entry.name,
                                        max: 9
                                    });
                                    values.push(entry.score);
                                }
                            }

                            var myChart = echarts.init(document.getElementById('radarChart' + chart.chartTemplateId),  null, {renderer: 'svg'});

                            var option = {
							textStyle: {
								fontFamily: '微软雅黑',
								fontSize: 16
							},
							radar: [{
							    nameGap:25,
								indicator: keys,
								name: {
									textStyle: {
										color: '#666'
									}
								},
								radius: '70%',
								splitArea: {
									show: false
								},
								axisTick: {
									length: 300
								}

							}],
							series: [{
                                type: 'radar',
                                symbol: 'circle',
                                center: ['50%', '45%'],
                                itemStyle: {
                                    normal: {
                                        color: 'none'
                                    }
                                },
                                areaStyle: {
                                    normal: {
                                        color: {
                                            type: 'radial',
                                            x: 0.5,
                                            y: 0.5,
                                            r: 0.5,
                                            colorStops: [{
                                                offset: 0,
                                                color: 'rgba(208,240,255, 0.74)' // 0% 处的颜色
                                            }, {
                                            offset: 1,
                                            color: 'rgba(80,146,248, 1)' // 100% 处的颜色
                                            }],
                                            globalCoord: false
                                        }
                                    }
                                },
                                data: [{
                                    value: values,
                                    label: {
                                        normal: {
                                            show: true,
                                            formatter: function(params) {
                                                return params.value;
                                            },
                                            textStyle: {
                                                color: '#666',
                                                fontSize:10
                                            }
                                        }
                                    }
                                }]
                            }],
                            animation:false
						};

						myChart.setOption(option);

                        </script>
                    {% elif chart.type == 7 %}
                        {% if (chart.entries | length) < 3 %}
                            {# 小于3 转成条形图 #}
                            {% for entry in chart.entries %}
                                <div class="sub-type linear clearfix">
                                    <div>
                                        <p style="font-size: 17px; font-weight: bold; padding-top: 10px">
                                            <span class="text-lie">
                                                {{entry.name}}
                                                {% for tagId in lieTagIds %}
                                                    {% if tagId == entry.tagId %}
                                                        <span class="icon-lie"></span>
                                                    {% endif %}
                                                {% endfor %}
                                            </span>
                                        </p>
                                    </div>
                                    <div class="inline" style="width: 49%;padding-right: 15px;padding-top: 30px;">
                                        <div>
                                            <div class="level-bar clearfix">
                                                <span class="current-level clearfix" style="left:{{ (entry.score*10) | round() }}%;"><a>{{ entry.score | round(1) }}</a></span>
                                                <div class="pull-left level-one"></div>
                                                <div class="pull-left level-two"></div>
                                                <div class="pull-left level-three"></div>
                                            </div>
                                            <div class="levels clearfix">
                                                <ul>
                                                    <li><span>0</span></li>
                                                    <li><span>&nbsp;</span></li>
                                                    <li><span>&nbsp;</span></li>
                                                    <li><span>&nbsp;</span></li>
                                                    <li><span>&nbsp;</span></li>
                                                    <li><span>&nbsp;</span></li>
                                                    <li><span>&nbsp;</span></li>
                                                    <li><span>&nbsp;</span></li>
                                                    <li><span>&nbsp;</span></li>
                                                    <li><span>9</span></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="inline" style="width: 47%;padding-left: 15px;">
                                        <p style="color: #666;">{{ entry.explanation }}</p>
                                    </div>
                                </div>
                            {% endfor %}
                        {% else %}
                            <!-- 优劣势 -->
                            <div class="{% if chart.name | findSubStr("个人魅力") != -1 %}leadertable grml{% elif chart.name | findSubStr("组织业务") != -1 %}leadertable zzyw{% elif chart.name | findSubStr("团队建设") != -1 %}leadertable tdjs{% endif %}">
                                {% with advantage = [], normal = [], disadvantage = [] %}
                                    {% for entry in chart.entries %}
                                        {% if entry.score >= 7 %}
                                            {%do advantage.append(entry)%}
                                        {% elif entry.score < 7 and entry.score > 4 %}
                                            {%do normal.append(entry)%}
                                        {% else %}
                                            {%do disadvantage.append(entry)%}
                                        {% endif %}
                                    {% endfor %}


                                    <table class="table table-bordered advantage-box youshi">
                                        <tbody>
                                            {% if (advantage | length == 0) %}
                                                <tr>
                                                    <td class="indexName" >
                                                        <p class="nowrap" title="优势 7-9">
                                                            <span class="indexes advantages-index">优势指标</span>
                                                        </p>
                                                    </td>
                                                    <td style="text-align: center;" class="zhibiao" >
                                                        —
                                                    </td>
                                                    <td class="explanation" style="text-align: center;">无优势指标</td>
                                                </tr>
                                            {% else %}
                                                {% for entry in advantage %}
                                                    <tr>
                                                        {% if loop.index == 1 %}
                                                            <td class="indexName" rowspan="{{ advantage | length }}">
                                                                <p class="nowrap" title="优势 7-9">
                                                                    <span class="indexes advantages-index">优势指标</span>
                                                                </p>
                                                            </td>
                                                        {% endif %}

                                                         <td style="text-align: center;" class="zhibiao">
                                                            <div class="nowrap">
                                                                <span class="text-lie">
                                                                    <span class="ability">{{entry.name}}</span>
                                                                    <span class="abilityScore">{{entry.score}}分</span>
                                                                    {% for tagId in lieTagIds %}
                                                                        {% if tagId == entry.tagId %}
                                                                            <span class="icon-lie"></span>
                                                                        {% endif %}
                                                                    {% endfor %}
                                                                </span>
                                                            </div>
                                                        </td>
                                                        <td class="explanation" style="text-align: center;">
                                                            <p>{{entry.explanation}}</p>
                                                        </td>
                                                        {% if isSpecial %}
                                                            <td class="abnormal" style="text-align: center;">
                                                                {% if entry.answered == 0 %}
                                                                    未进行该指标题目的作答。
                                                                {% elif entry.answered < entry.scored %}
                                                                    该指标答题不全，得分低于真实水平。
                                                                {% else %}
                                                                    —
                                                                {% endif %}
                                                            </td>

                                                        {% endif %}
                                                    </tr>
                                                {% endfor %}
                                            {% endif %}
                                        </tbody>
                                    </table>
                                    <table class="table table-bordered advantage-box yiban">
                                        <tbody>
                                            {% if (normal | length) == 0 %}
                                                <tr>
                                                    <td class="indexName" >
                                                        <p class="nowrap" title="一般 5-6">
                                                            <span class="indexes normal-index">一般指标</span>
                                                        </p>
                                                    </td>

                                                    <td style="text-align: center;" class="zhibiao">
                                                        —
                                                    </td>
                                                    <td class="explanation" style="text-align: center;">无一般指标</td>
                                                </tr>
                                            {% else %}
                                                {% for entry in normal %}
                                                    <tr>
                                                        {% if loop.index == 1 %}
                                                            <td class="indexName" rowspan="{{ normal | length }}" >
                                                                <p class="nowrap" title="一般 5-6">
                                                                    <span class="indexes normal-index">一般指标</span>
                                                                </p>
                                                            </td>
                                                        {% endif %}
                                                        <td style="text-align: center;" class="zhibiao">
                                                            <div class="nowrap">
                                                                <span class="text-lie">
                                                                    <span class="ability">{{entry.name}}</span>
                                                                    <span class="abilityScore">{{entry.score}}分</span>
                                                                    {% for tagId in lieTagIds %}
                                                                        {% if tagId == entry.tagId %}
                                                                            <span class="icon-lie"></span>
                                                                        {% endif %}
                                                                    {% endfor %}
                                                                </span>
                                                            </div>
                                                        </td>
                                                        <td class="explanation" style="text-align: center;">
                                                            <p>{{entry.explanation}}</p>
                                                        </td>
                                                        {% if isSpecial %}
                                                            <td class="abnormal" style="text-align: center;">
                                                                {% if entry.answered == 0 %}
                                                                    未进行该指标题目的作答。
                                                                {% elif entry.answered < entry.scored %}
                                                                    该指标答题不全，得分低于真实水平。
                                                                {% else %}
                                                                    —
                                                                {% endif %}
                                                            </td>
                                                        {% endif %}
                                                    </tr>
                                                {% endfor %}
                                            {% endif %}
                                        </tbody>
                                    </table>
                                    <table class="table table-bordered advantage-box lieshi">
                                        <tbody>
                                            {% if (disadvantage | length == 0) %}
                                                <tr>
                                                    <td class="indexName" >
                                                        <p class="nowrap" title="劣势 0-4">
                                                            <span class="indexes disadvantages-index">劣势指标</span>
                                                        </p>
                                                    </td>

                                                    <td style="text-align: center;" class="zhibiao">
                                                        —
                                                    </td>
                                                    <td class="explanation" style="text-align: center;">无劣势指标</td>
                                                </tr>
                                            {% else %}
                                                {% for entry in disadvantage %}
                                                    <tr>
                                                        {% if loop.index == 1 %}
                                                            <td class="indexName" rowspan="{{ disadvantage | length }}" >
                                                                <p class="nowrap" title="劣势 0-4">
                                                                    <span class="indexes disadvantages-index">劣势指标</span>
                                                                </p>
                                                            </td>
                                                        {% endif %}
                                                        <td class="zhibiao">
                                                            <div class="nowrap">
                                                                <span class="text-lie">
                                                                    <span class="ability">{{entry.name}}</span>
                                                                    <span class="abilityScore">{{entry.score}}分</span>
                                                                    {% for tagId in lieTagIds %}
                                                                        {% if tagId == entry.tagId %}
                                                                            <span class="icon-lie"></span>
                                                                        {% endif %}
                                                                    {% endfor %}
                                                                </span>
                                                            </div>
                                                        </td>
                                                        <td class="explanation">
                                                            <p>{{entry.explanation}}</p>
                                                        </td>

                                                        {% if isSpecial %}
                                                            <td class="abnormal" style="text-align: center;">
                                                                {% if entry.answered == 0 %}
                                                                    未进行该指标题目的作答。
                                                                {% elif entry.answered < entry.scored %}
                                                                    该指标答题不全，得分低于真实水平。
                                                                {% else %}
                                                                    —
                                                                {% endif %}
                                                            </td>
                                                        {% endif %}
                                                    </tr>
                                                {% endfor %}
                                            {% endif %}
                                        </tbody>
                                    </table>
                                {% endwith %}
                            </div>
                        {% endif %}
                    {% elif chart.type == 6 %}
                        <!-- 倾向性图表 -->
                        <div class="prefer">
                            <h4 class="text-center" style="font-size: 20px;">职业倾向性</h4>
                            <div class="titleList">
                                <div class="titleList-box">
                                    {% for entry in chart.entries %}
                                        {% if loop.index <= 6 %}
                                            <div class="inline" style="width: {{(95 / (chart.entries | length)) | round(2)}}%;%;">
                                                <p class="sub-title sub-title{{ loop.index }}">
                                                    {% if loop.index <= 3 %}
                                                        <span class="word-title">{{entry.explanation}}</span>
                                                    {% endif %}
                                                </p>
                                                <p>{{entry.name}}</p>
                                            </div>
                                        {% endif %}
                                    {% endfor %}
                                </div>
                            </div>
                        </div>
                    {% elif chart.type == 3 %}
                        <!-- 条形图 -->
                        <div class="sub-type linear clearfix">
                            <div>
                                <p style="font-size: 17px; font-weight: bold;">{{chart.name}}</p>
                            </div>
                            <div class="inline" style="width: 49%;padding-right: 15px;padding-top: 30px;">
                                <div>
                                    <div class="level-bar clearfix">
                                        <span class="current-level clearfix" style="left:{{ (chart.score*10) | round() }}%;"><a>{{ chart.score | round(1) }}</a></span>
                                        <div class="pull-left level-one"></div>
                                        <div class="pull-left level-two"></div>
                                        <div class="pull-left level-three"></div>
                                    </div>
                                    <div class="levels clearfix">
                                        <ul>
                                            <li><span>0</span></li>
                                            <li><span>&nbsp;</span></li>
                                            <li><span>&nbsp;</span></li>
                                            <li><span>&nbsp;</span></li>
                                            <li><span>&nbsp;</span></li>
                                            <li><span>&nbsp;</span></li>
                                            <li><span>&nbsp;</span></li>
                                            <li><span>&nbsp;</span></li>
                                            <li><span>&nbsp;</span></li>
                                            <li><span>9</span></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="inline" style="width: 47%;padding-left: 15px;">
                                <p style="color: #666;">{{ chart.explanation }}</p>
                            </div>
                        </div>
                    {% elif chart.type == 12 %}
                        <div class="pdp-head" style="text-align:center;font-size: 17px;font-weight: bold;margin-bottom: 30px;margin-top: -50px;">{{chart.name}}</div>
                        <div class="summary">
                            <p>本测验根据个体在工作情境下的行为偏好把人群分为5种类型，并形象化为：老虎型、孔雀型、考拉型、猫头鹰型、变色龙型。若个体在某种类型上的得分远远高于其他类型，则具有该类型的典型特征。个体一般为某种类型的突出型或者多种类型的结合型。</p>
                        </div>

                            <div class="pdpChart-box">
                                <div id="pdpChart" style="margin: 20px auto; width: 800px; height: 550px;"></div>
                            </div>

                        {% with explanation = [] %}
                            {% if (chart.heightTrait | length > 0) and (chart.lowTrait| length > 0) %}
                                {% if (chart.heightTrait | length == 1) and (chart.lowTrait| length == 1) %}
                                    {% do explanation.append(main + '属于典型的<span class="pdpindex">' + chart.heightTrait | join("、") + '</span>行为风格特点，<span class="pdpindex">' + chart.lowTrait | join("、") + '</span>的风格表现最不突出。') %}
                                {% else %}
                                    {% do explanation.append(main + '行为风格在<span class="pdpindex">' + chart.heightTrait | join("、") + '</span>上的表现较为突出，而在<span class="pdpindex">' + chart.lowTrait | join("、") + '</span>上的表现不明显。') %}
                                {% endif %}
                            {% elif (chart.heightTrait | length > 0) and (chart.lowTrait| length == 0) %}
                                {% if (chart.heightTrait | length == 1) %}
                                    {% do explanation.append(main + '属于典型的<span class="pdpindex">' + chart.heightTrait | join("、") + '</span>型，在行动、思维等风格上具有突出的该类型的特点。') %}
                                {% else %}
                                    {% do explanation.append(main + '是明显的<span class="pdpindex">' + chart.heightTrait | join("、") + '</span>的结合，在行动、思维等风格上兼有这些类型的突出特点。') %}
                                {% endif %}
                            {% elif (chart.heightTrait | length == 0) and (chart.lowTrait| length > 0) %}
                                {% do explanation.append(main + '没有典型的行为风格类型，且在<span class="pdpindex">' + chart.lowTrait | join("、") + '</span>上的表现尤为不明显。')%}
                            {% else %}
                                {% do explanation.append(chart.explanation) %}
                            {% endif %}
                            <div class="pdp-title" style="font-size:18px;padding-bottom:90px;padding-left:20px;color: #333;">
                                总评：
                                {% if answerSum[0] / totalSum[0] < 0.95 %}
                                    <span class="incomplete">由于受测者未完整作答，其行为风格的类型无法判断。</span>
                                {% else %}
                                    {{explanation[0]}}
                                {% endif %}
                            </div>
                        {% endwith %}

                        <table class="pdp-table table table-bordered" style="margin-bottom: 0">
                        {% for entry in chart.entries %}
                            {% if entry.name == "支配型" %}
                                <tr>
                                    <td style="text-align: center">
                                        <div class="nowrap">
                                        <img style="width: 28px;" src="static/img/tiger.png" alt="">
                                        <span style="color: #00A0E9;font-size: 16px;vertical-align: super;">老虎型</span>
                                        </div>
                                    </td>
                                    <td style="width:570px;text-align: left;color: #666;font-size: 14px;">{{entry.explanation}}</td>
                                    <td>
                                        <p style="color: #666;font-size: 14px;">适合开创性与改革性的工作</p>
                                    </td>
                                </tr>
                            {% elif entry.name == "表达型" %}
                                <tr>
                                    <td style="text-align: center">
                                        <div class="nowrap">
                                        <img style="width: 28px;" src="static/img/kongque.png" alt="">
                                        <span style="color: #00A0E9;font-size: 16px;vertical-align: super;">孔雀型</span>
                                        </div>
                                    </td>
                                    <td style="width:570px;text-align: left;color: #666;font-size: 14px;">{{entry.explanation}}</td>
                                    <td>
                                        <p style="color: #666;font-size: 14px;">适合推动与宣传性的工作</p>
                                    </td>
                                </tr>
                            {% elif entry.name == "耐心型" %}
                                <tr>
                                    <td style="text-align: center">
                                        <div class="nowrap">
                                        <img style="width: 28px;" src="static/img/kaola.png" alt="">
                                        <span style="color: #00A0E9;font-size: 16px;vertical-align: super;">考拉型</span>
                                        </div>
                                    </td>
                                    <td style="width:570px;text-align: left;color: #666;font-size: 14px;">{{entry.explanation}}</td>
                                    <td>
                                        <p style="color: #666;font-size: 14px;">适合协调人际、人事相关的工作</p>
                                    </td>
                                </tr>
                            {% elif entry.name == "精确型" %}
                                <tr>
                                    <td style="text-align: center">
                                        <div class="nowrap">
                                        <img style="width: 28px;" src="static/img/maotouying.png" alt="">
                                        <span style="color: #00A0E9;font-size: 16px;vertical-align: super;">猫头鹰</span>
                                        </div>
                                    </td>
                                    <td style="width:570px;text-align: left;color: #666;font-size: 14px;">{{entry.explanation}}</td>
                                    <td>
                                        <p style="color: #666;font-size: 14px;">适合架构稳定、讲究制度化的工作</p>
                                    </td>
                                </tr>
                            {% elif entry.name == "整合型" %}
                                <tr>
                                    <td style="text-align: center">
                                        <div class="nowrap">
                                        <img style="width: 28px;" src="static/img/bianselong.png" alt="">
                                        <span style="color: #00A0E9;font-size: 16px;vertical-align: super;">变色龙型</span>
                                        </div>
                                    </td>
                                    <td style="width:570px;text-align: left;color: #666;font-size: 14px;">{{entry.explanation}}</td>
                                    <td>
                                        <p style="color: #666;font-size: 14px;">适合公司内、外的交涉性工作</p>
                                    </td>
                                </tr>
                            {% endif %}
                        {% endfor %}
                        </table>
                        <script>
                                                        function initPdpChart (data) {
                                var maps = [{
                                    name: "老虎",
                                    type: "支配型",
                                    career: "适合开创性与改革性的工作",
                                    path: "image://static/img/tiger.png"
                                }, {
                                    name: "孔雀",
                                    career: "适合推动与宣传性的工作",
                                    type: "表达型",
                                    path: "image://static/img/kongque.png"
                                }, {
                                    name: "考拉",
                                    career: "适合协调人际、人事相关的工作",
                                    type: "耐心型",
                                    path: "image://static/img/kaola.png"
                                }, {
                                    name: "猫头鹰",
                                    career: "适合架构稳定、讲究制度化的工作",
                                    type: "精确型",
                                    path: "image://static/img/maotouying.png"
                                }, {
                                    name: "变色龙",
                                    career: "适合公司内、外的交涉性工作",
                                    type: "整合型",
                                    path: 'image://static/img/bianselong.png'
                                }];


                                var name = data.explanation;
                                for (var k = 0, keys = [], values = [], symbols = [], entry; entry = data.entries[k]; ++k) {
                                    for (var m = 0; m < maps.length; m++) {
                                        var map = maps[m];
                                        if (entry.name == map.type) {
                                            var score = Math.round(entry.score * 100);
                                            entry.src = map.src;
                                            keys.push(map.name);
                                            values.push(score);
                                            symbols.push({
                                                value: score || 1, // 默认高度以显示分类图片
                                                symbol: map.path
                                            })
                                        }
                                    }
                                }

                                var bool = values.every(function(item) {
                                    return item == 0
                                })

                                if (!values || bool)
                                    return;

                                var myChart = echarts.init(document.getElementById('pdpChart'), null, {renderer: 'svg'});

                                var option = {

                                    xAxis: {
                                        data: keys,
                                        axisTick: {
                                            show: false
                                        },
                                        axisLine: {
                                            show: false
                                        },
                                        axisLabel: {
                                            textStyle: {
                                                color: '#80D7FF',
                                                fontSize: 20,
                                                fontFamily:'Microsoft YaHei'
                                            }
                                        }
                                    },
                                    yAxis: {
                                        splitLine: {
                                            show: false
                                        },
                                        axisTick: {
                                            show: false
                                        },
                                        axisLine: {
                                            show: false
                                        },
                                        axisLabel: {
                                            show: false
                                        }
                                    },
                                    color: ['#80D7FF'],
                                    series: [{
                                        name: 'hill',
                                        type: 'pictorialBar',
                                        barCategoryGap: '-130%',
                                        symbol: 'path://M0,10 L10,10 C5.5,10 5.5,5 5,0 C4.5,5 4.5,10 0,10 z',
                                        itemStyle: {
                                            normal: {
                                                opacity: 0.5
                                            },
                                            emphasis: {
                                                opacity: 1
                                            }
                                        },
                                        data: values,
                                        z: 10
                                    }, {
                                        name: 'glyph',
                                        type: 'pictorialBar',
                                        barGap: '-100%',
                                        symbolPosition: 'end',
                                        symbolSize: 50,
                                        symbolOffset: [0, '-120%'],
                                        data: symbols
                                    }],
                                    animation:false
                                };

                                myChart.setOption(option);
                            }

                            initPdpChart({{ chart }})

                        </script>

                    {% elif chart.type == 14 %}
                        {% with mbtiInfo = [] %}

                        {% for mbti in mbtiData %}
                            {% if  chart.briggsType == mbti %}
                                {% do mbtiInfo.append(mbtiData[mbti])%}
                            {% endif %}
                        {% endfor %}

                        <div class="mbti-explain-box">
                            <p class="mbti-explain-title">一、关于MBTI</p>
                            <p class="mbti-explain-notes">MBTI将人的性格分为4个维度，分别是个体能量的指向、获取信息的方式、作决定的方式和感到舒适的生活方式，每个维度分别有两个相对的倾向，受测者在每个维度上会表现出一种倾向，4种倾向组合为受测者的性格类型。</p>
                            <div class="mbti-list-box">
                                <ul>
                                    <li>倾向1 <img src="static/img/arrow-left.png" alt=""></li>
                                    <li>
                                        <div class="list-li-box">
                                            <p><span>E</span>外倾型</p>
                                            <p>将注意力和精力投注在外部世界</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="list-li-box">
                                            <p><span>S</span>实感型</p>
                                            <p>关注事实本身，依赖感官的实际感受</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="list-li-box">
                                            <p><span>T</span>思考型</p>
                                            <p>依据客观事实的分析进行决策，一视同仁地贯彻规章制度</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="list-li-box">
                                            <p><span>J</span>判断型</p>
                                            <p>喜欢有计划、有条理的生活方式，决策果断</p>
                                        </div>
                                    </li>
                                </ul>
                                <ul>
                                    <li>维度</li>
                                    <li>
                                        <div class="list-li-box">
                                            <p>维度1</p>
                                            <p>能量更集中地指向哪里</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="list-li-box">
                                            <p>维度2</p>
                                            <p>收集信息的方式</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="list-li-box">
                                            <p>维度3</p>
                                            <p>作决定的方式</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="list-li-box">
                                            <p>维度4</p>
                                            <p>感到最舒适的生活方式</p>
                                        </div>
                                    </li>
                                </ul>
                                <ul>
                                    <li>倾向2 <img src="static/img/arrow-right.png" alt=""></li>
                                    <li>
                                        <div class="list-li-box">
                                            <p>内倾型<span>I</span></p>
                                            <p>较为关注自我的内部状况，如内心情感、思想</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="list-li-box">
                                            <p>直觉型<span>N</span></p>
                                            <p>关注事实的含义、关系和结论，注重"第六感"</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="list-li-box">
                                            <p>情感型<span>F</span></p>
                                            <p>从自我的价值观念出发进行决策、变通地贯彻规章制度</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="list-li-box">
                                            <p>认知型<span>P</span></p>
                                            <p>喜欢灵活、随意、开放的生活方式，决策谨慎</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div style="page-break-before:always"></div>
                        <div style="height: 60px;"></div>
                        <div class="mbti-explain-box">
                            <p class="mbti-explain-title">二、性格类型</p>
                            <div class="mbti-character-box">
                                <div class="mbti-character-data">
                                    <p>受测者的职业性格类型为：</p>
                                    <p>{{ chart.briggsType }}</p>
                                    <p>{{ mbtiInfo[0].characterType.type}}</p>
                                    <p>在中国人口中所占比例：{{ mbtiInfo[0].characterType.percentage }}</p>
                                </div>

                                <div class="mbti-character-tablebox">
                                    <div class="mbti-character-table">
                                        <ul>
                                            <li>
                                                <p data-type="ISTJ" {% if chart.briggsType == "ISTJ" %} class="mbti-character-choice" {% endif %} >
                                                    <span>ISTJ {% if chart.briggsType == "ISTJ" %} {{ mbtiInfo[0].characterType.percentage }} {% endif %}</span>
                                                </p>
                                                <p data-type="ISFJ" {% if chart.briggsType == "ISFJ" %} class="mbti-character-choice" {% endif %}>
                                                    <span>ISFJ {% if chart.briggsType == "ISFJ" %} {{ mbtiInfo[0].characterType.percentage }} {% endif %}</span>
                                                </p>
                                                <p data-type="INFJ" {% if chart.briggsType == "INFJ" %} class="mbti-character-choice" {% endif %}>
                                                    <span>INFJ {% if chart.briggsType == "INFJ" %} {{ mbtiInfo[0].characterType.percentage }} {% endif %}</span>
                                                </p>
                                                <p data-type="INTJ" {% if chart.briggsType == "INTJ" %} class="mbti-character-choice" {% endif %}>
                                                    <span>INTJ {% if chart.briggsType == "INTJ" %} {{ mbtiInfo[0].characterType.percentage }} {% endif %}</span>
                                                </p>
                                            </li>
                                            <li>
                                                <p data-type="ISTP" {% if chart.briggsType == "ISTP" %} class="mbti-character-choice" {% endif %}>
                                                    <span>ISTP {% if chart.briggsType == "ISTP" %} {{ mbtiInfo[0].characterType.percentage }} {% endif %}</span>
                                                </p>
                                                <p data-type="ISFP" {% if chart.briggsType == "ISFP" %} class="mbti-character-choice" {% endif %}>
                                                    <span>ISFP {% if chart.briggsType == "ISFP" %} {{ mbtiInfo[0].characterType.percentage }} {% endif %}</span>
                                                </p>
                                                <p data-type="INFP" {% if chart.briggsType == "INFP" %} class="mbti-character-choice" {% endif %}>
                                                    <span>INFP {% if chart.briggsType == "INFP" %} {{ mbtiInfo[0].characterType.percentage }} {% endif %}</span>
                                                </p>
                                                <p data-type="INTP" {% if chart.briggsType == "INTP" %} class="mbti-character-choice" {% endif %}>
                                                    <span>INTP {% if chart.briggsType == "INTP" %} {{ mbtiInfo[0].characterType.percentage }} {% endif %}</span>
                                                </p>
                                            </li>
                                            <li>
                                                <p data-type="ESTP" {% if chart.briggsType == "ESTP" %} class="mbti-character-choice" {% endif %}>
                                                    <span>ESTP {% if chart.briggsType == "ESTP" %} {{ mbtiInfo[0].characterType.percentage }} {% endif %}</span>
                                                </p>
                                                <p data-type="ESFP" {% if chart.briggsType == "ESFP" %} class="mbti-character-choice" {% endif %}>
                                                    <span>ESFP {% if chart.briggsType == "ESFP" %} {{ mbtiInfo[0].characterType.percentage }} {% endif %}</span>
                                                </p>
                                                <p data-type="ENFP" {% if chart.briggsType == "ENFP" %} class="mbti-character-choice" {% endif %}>
                                                    <span>ENFP {% if chart.briggsType == "ENFP" %} {{ mbtiInfo[0].characterType.percentage }} {% endif %}</span>
                                                </p>
                                                <p data-type="ENTP" {% if chart.briggsType == "ENTP" %} class="mbti-character-choice" {% endif %}>
                                                    <span>ENTP {% if chart.briggsType == "ENTP" %} {{ mbtiInfo[0].characterType.percentage }} {% endif %}</span>
                                                </p>
                                            </li>
                                            <li>
                                                <p data-type="ESTJ" {% if chart.briggsType == "ESTJ" %} class="mbti-character-choice" {% endif %}>
                                                    <span>ESTJ {% if chart.briggsType == "ESTJ" %} {{ mbtiInfo[0].characterType.percentage }} {% endif %}</span>
                                                </p>
                                                <p data-type="ESFJ" {% if chart.briggsType == "ESFJ" %} class="mbti-character-choice" {% endif %}>
                                                    <span>ESFJ {% if chart.briggsType == "ESFJ" %} {{ mbtiInfo[0].characterType.percentage }} {% endif %}</span>
                                                </p>
                                                <p data-type="ENFJ" {% if chart.briggsType == "ENFJ" %} class="mbti-character-choice" {% endif %}>
                                                    <span>ENFJ {% if chart.briggsType == "ENFJ" %} {{ mbtiInfo[0].characterType.percentage }} {% endif %}</span>
                                                </p>
                                                <p data-type="ENTJ" {% if chart.briggsType == "ENTJ" %} class="mbti-character-choice" {% endif %}>
                                                    <span>ENTJ {% if chart.briggsType == "ENTJ" %} {{ mbtiInfo[0].characterType.percentage }} {% endif %}</span>
                                                </p>
                                            </li>
                                        </ul>
                                    </div>
                                    <p class="mbti-character-notes">*注：颜色由深到浅表示分布比例由高到低</p>
                                </div>
                            </div>
                        </div>

                        <div class="mbti-explain-box">
                            <p class="mbti-explain-title">三、性格特点解析</p>
                            <div class="mbti-list-data">
                                <p>性格特点</p>
                                <p>受测者总体的性格特点为：</p>
                                {% for characteristic in mbtiInfo[0].characteristic %}
                                    <p>{{characteristic}}</p>
                                {% endfor %}
                            </div>

                            <div class="mbtiChart-box" style="text-align: center;">
                                <canvas id="mbtiChart" style="margin: 0 auto;" width="800" height="400"></canvas>
                            </div>

                            <div style="page-break-before:always"></div>
                            <div style="height: 60px;"></div>
                            <div class="mbti-dimension-list">
                                <p>维度倾向</p>
                                <p>在4个维度上，受测者的倾向及其行为偏好表现如下：</p>
                                <div>
                                    <p>维度1：<span>注意力集中于哪里</span>（内倾型I  vs  外倾型E）:</p>
                                    <p>{{ mbtiInfo[0].dimensionType[0] }}</p>
                                    <p>表现为：{{ mbtiInfo[0].dimension[0] }}</p>
                                </div>
                                <div>
                                    <p>维度2：<span>收集信息的方式</span>（实感型S vs  直觉型N）:</p>
                                    <p>{{ mbtiInfo[0].dimensionType[1] }}</p>
                                    <p>表现为：{{ mbtiInfo[0].dimension[1] }}</p>
                                </div>
                                <div>
                                    <p>维度3：<span>作决定的方式</span>（思考型T  vs  情感型F）：</p>
                                    <p>{{ mbtiInfo[0].dimensionType[2] }}</p>
                                    <p>表现为：{{ mbtiInfo[0].dimension[2] }}</p>
                                </div>
                                <div>
                                    <p>维度4：<span>感到最舒适的生活方式</span>（判断型J  vs  认知型P）：</p>
                                    <p>{{ mbtiInfo[0].dimensionType[3] }}</p>
                                    <p>表现为：{{ mbtiInfo[0].dimension[3] }}</p>
                                </div>
                            </div>

                            {% for workLeaderPattern in mbtiInfo[0].workLeaderPattern %}
                                {% if workLeaderPattern.title == "问题解决模式" %}
                                    <div style="page-break-before:always"></div>
                                    <div style="height: 60px;"></div>
                                {% endif %}
                                <div class='mbti-list-data'>
                                    <p>{{workLeaderPattern.title}}</p>
                                    <p>{{workLeaderPattern.notes}}</p>
                                    {% for data in workLeaderPattern.data %}
                                        <p>{{data}}</p>
                                    {% endfor %}
                                </div>
                            {% endfor %}
                        </div>

                        <div class="mbti-explain-box">
                            <p class="mbti-explain-title">四、管理建议</p>
                            {% for administration in mbtiInfo[0].administration %}
                                <div class='mbti-list-data'>
                                    {% if administration.title == "适合的岗位举例" %}
                                        <div style="page-break-before:always"></div>
                                        <div style="height: 60px;"></div>
                                    {% endif %}
                                    <p>{{administration.title}}</p>
                                    <p>{{administration.notes}}</p>
                                    {% for data in administration.data  %}
                                        <p>{{data}}</p>
                                    {% endfor %}
                                </div>
                            {% endfor %}
                        </div>

                        {% endwith %}

                        <script>
                            function initMbtiChart (data) {
                                var name = data.name;
                                var entries = data.entries;

                                if (!name)
                                    return;

                                var canvas = document.getElementById("mbtiChart");
                                var ctx = canvas.getContext("2d");

                                var canvasWidth = canvas.width,
                                  canvasHeight = canvas.height;

                                var hDistance = 0, //水平间距
                                  vDistance = 75, //垂直间距
                                  barHeight = 50, //默认高度
                                  top = 20, //默认与顶部距离
                                  fontSize = 15, //默认字体大小
                                  space = 100, //画布两边留白
                                  leftStartPoint = canvasWidth / 2 - hDistance, // 左 边图形绘制起点x坐标
                                  rightStartPoint = canvasWidth / 2 + hDistance; // 右 边图形绘制起点x坐标

                                //刻度
                                var degrees = ["100%", "50%", "0%", "50%", "100%"],
                                  percent = (1 / (degrees.length - 1)).toFixed(2);

                                for (var i = 0; i < degrees.length; i++) {
                                  var x =
                                    i * percent * (canvasWidth - space * 2) -
                                    ctx.measureText(degrees[i]).width / 2 +
                                    space;

                                  ctx.fillStyle = "#999";
                                  ctx.font = "18px YaHei";
                                  ctx.fillText(degrees[i], x, top + 310);
                                }

                                for (var i = 0; i < entries.length; i++) {
                                    if (i % 2 == 0) {
                                        var isEven = true;

                                        if (i == 0) {
                                          var ri = 0;
                                        } else {
                                          var ri = i - i / 2;
                                        }
                                    } else {
                                        var isEven = false;
                                        var ri = i - (i + 1) / 2;
                                    }

                                    var width = (canvasWidth - space*2) / 2 * entries[i].scoringRate;
                                    var name = entries[i].name;

                                    switch (name) {
                                        case "外倾":
                                            name = "（E）外倾";
                                            break;
                                        case "直觉":
                                            name = "（N）直觉";
                                            break;
                                        case "情感":
                                            name = "（F）情感";
                                            break;
                                        case "感知":
                                            name = "（P）认知";
                                            break;
                                        case "内倾":
                                            name = "内倾（I）";
                                            break;
                                        case "实感":
                                            name = "实感（S）";
                                            break;
                                        case "思考":
                                            name = "思考（T）";
                                            break;
                                        case "判断":
                                            name = "判断（J）";
                                            break;
                                        default:
                                            break;
                                    }

                                    var rowIndex = ri;
                                    var isEven = isEven;

                                    ctx.font = fontSize + "px Arial";


                                    if (isEven) {
                                        ctx.fillStyle = "#6CADF5";
                                        ctx.fillRect(rightStartPoint, top + 5 + rowIndex * vDistance, width, barHeight - 10);

                                        ctx.strokeStyle = "#6CADF5";
                                        ctx.strokeRect(rightStartPoint, top + rowIndex * vDistance, (canvasWidth - space*2) / 2, barHeight);

                                        ctx.fillStyle = "#333";
                                        ctx.fillText(name, canvasWidth - 90, top + barHeight / 2 + fontSize / 2 + rowIndex * vDistance);

                                    } else {
                                        ctx.fillStyle = "#B4DBFF";
                                        ctx.fillRect(leftStartPoint, top + 5 + rowIndex * vDistance, -width, barHeight -10);

                                        ctx.strokeStyle = "#B4DBFF";
                                        ctx.strokeRect(leftStartPoint, top + rowIndex * vDistance, -(canvasWidth - space*2) / 2, barHeight);

                                        ctx.fillStyle = "#333";
                                        ctx.fillText(name, 20, top + barHeight / 2 + fontSize / 2 + rowIndex * vDistance);
                                    }
                                }
                            }

                            initMbtiChart({{ chart }})
                        </script>

                    {% elif chart.type == 18 %}
                        <div class="pdp-head" style="text-align:center;font-size: 17px;font-weight: bold;margin-bottom: 30px;margin-top: -50px;">{{chart.name}}</div>
                        <div class="summary">
                            <p>思维风格是指人们进行思考时偏好的方式，其没有好坏、高低之分；但不同的思维方式对解决不同的问题有效性不同。本测评根据思维的功能、形式、水平、范围以及倾向五个维度来反映个体的思维方式和特点。得分最高的，就是个体这个维度下表现突出的思维方式；反之则是表现不突出的思维方式。</p>
                        </div>
                        <div class="think-box">
                            <div class="think-legend clearfix">
                                <div class="pdp-pop pull-left legend legend1">功能</div>
                                <div class="pdp-pop pull-left legend legend2">形式</div>
                                <div class="pdp-pop pull-left legend legend3">水平</div>
                                <div class="pdp-pop pull-left legend legend4">范围</div>
                                <div class="pdp-pop pull-left legend legend5">倾向</div>
                            </div>
                            <div id="thinkChart{{chart.chartTemplateId}}" style="margin: 0 auto; width: 800px; height: 630px;"></div>
                        </div>


                        {% with functions = [], forms = [], levels = [], scopes = [], tendencies = [] %}
                            {% for entry in chart.entries %}
                                {% if answerSum[0] / totalSum[0] < 0.95 %}
                                    {% if entry.answered == entry.scored %}
                                        {% if entry.commont == "功能" %}
                                            {% do functions.append(entry) %}
                                        {% elif entry.commont == "形式" %}
                                            {% do forms.append(entry) %}
                                        {% elif entry.commont == "水平" %}
                                            {% do levels.append(entry) %}
                                        {% elif entry.commont == "范围" %}
                                            {% do scopes.append(entry) %}
                                        {% elif entry.commont == "倾向" %}
                                            {% do tendencies.append(entry) %}
                                        {% endif %}
                                    {% endif %}
                                {% else %}
                                    {% if entry.commont == "功能" %}
                                        {% do functions.append(entry) %}
                                    {% elif entry.commont == "形式" %}
                                        {% do forms.append(entry) %}
                                    {% elif entry.commont == "水平" %}
                                        {% do levels.append(entry) %}
                                    {% elif entry.commont == "范围" %}
                                        {% do scopes.append(entry) %}
                                    {% elif entry.commont == "倾向" %}
                                        {% do tendencies.append(entry) %}
                                    {% endif %}
                                {% endif %}
                            {% endfor %}

                            {% with arrs = [{
                                    'type': '功能',
                                    'data': functions
                                }, {
                                    'type': '形式',
                                    'data': forms
                                }, {
                                    'type': '水平',
                                    'data': levels
                                }, {
                                    'type': '范围',
                                    'data': scopes
                                }, {
                                    'type': '倾向',
                                    'data': tendencies
                                    }]
                            %}


                                <div style="position: relative;top: 77px;">
                                    <table class="think-table table table-bordered" style="margin-bottom: 0">
                                       {% for arr in arrs %}
                                            <tr>
                                                <td>
                                                    <p class="nowrap type type{{loop.index0}}">{{arr.type}}</p>
                                                </td>
                                                {% if arr.data | length == 0 %}
                                                    <td>
                                                        <p>该维度下答题不全/未进行作答，相应思维风格的类型无法合理判断。</p>
                                                    </td>
                                                {% elif arr.data[0].scoringRate - arr.data[arr.data | length - 1].scoringRate < 0.1 %}
                                                    <td>
                                                        <p>受测者在此维度上不存在表现十分突出的风格类型。</p>
                                                    </td>
                                                {% else %}
                                                    <td style="padding:0;">
                                                        <table class="inside-table">
                                                            <tr>
                                                                <td class="nowrap">擅长</td>
                                                                <td>
                                                                    <p class="think-max">
                                                                        <span style="font-weight: bold;">{{ arr.data[0].name }}：</span>{{arr.data[0].explanation}}
                                                                    </p>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td class="nowrap">不擅长</td>
                                                                <td>
                                                                    <p class="think-min">
                                                                        <span style="font-weight: bold;">{{arr.data[arr.data | length - 1].name}}：</span>{{arr.data[arr.data | length - 1].explanation}}
                                                                    </p>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                {% endif %}
                                            </tr>
                                        {% endfor %}
                                    </table>
                                </div>
                            {% endwith %}
                        {% endwith %}


                        <script>
                            function initThinkChart (data) {
                                var chartType = ['功能', '形式', '水平', '范围', '倾向'];
                                var keys = [], values = [];
                                for (var m = 0; m < chartType.length; m++) {
                                    var subType = chartType[m];
                                    for (var k = 0; k < data.entries.length; k++) {
                                        var entry = data.entries[k];
                                        var commont = entry.commont,
                                            color;

                                        if (commont == subType) {
                                            switch (commont) {
                                                case '功能':
                                                    color = "#C2DBC1";
                                                    break;
                                                case '形式':
                                                    color = "#66BFBF";
                                                    break;
                                                case '水平':
                                                    color = "#D4A5A5";
                                                    break;
                                                case '范围':
                                                    color = "#ADD1FC";
                                                    break;
                                                case '倾向':
                                                    color = "#F3D179";
                                                    break;
                                            }
                                            keys.unshift(entry.name);
                                            values.unshift({
                                                value: (entry.scoringRate * 100).toFixed(1),
                                                itemStyle: {
                                                    normal: {
                                                        color: color
                                                    }
                                                }
                                            });
                                        }
                                    }
                                }

                                var myChart = echarts.init(document.getElementById('thinkChart' + data.chartTemplateId), null, {renderer: 'svg'});

                                var option = {
                                    grid: {
                                        left: '3%',
                                        right: '4%',
                                        bottom: '3%',
                                        containLabel: true
                                    },
                                    xAxis: {
                                        type: 'value',
                                        boundaryGap: [0, 0.01],
                                        splitLine: {
                                            show: false
                                        },
                                        min: 0,
                                        max: 100,
                                        axisTick: {
                                            show: false
                                        },
                                        axisLabel: {
                                            textStyle: {
                                                fontSize: 18,
                                                fontFamily:'Microsoft YaHei'
                                            }
                                        },
                                    },
                                    yAxis: {
                                        type: 'category',
                                        data: keys,
                                        z: 10000,
                                        axisTick: {
                                            show: false
                                        },
                                        axisLabel: {
                                            textStyle: {
                                                fontSize: 18,
                                                fontFamily:'Microsoft YaHei'
                                            }
                                        },
                                    },
                                    series: [{
                                        type: 'bar',
                                        data: values
                                    }],
                                    animation: false
                                };

                                myChart.setOption(option);
                            }

                            initThinkChart({{ chart }})
                        </script>
                    {% elif chart.type == 37 %}
                        {% with superiorityDimension = [], inferiorDimension = [], normalDimension = [] %}
                            {% for entry in chart.entries %}
                                {% if entry.score >= 7 %}
                                    {% do superiorityDimension.append(entry) %}
                                {% elif entry.score <= 4 %}
                                    {% do inferiorDimension.append(entry) %}
                                {% else %}
                                    {% do normalDimension.append(entry) %}
                                {% endif %}
                            {% endfor %}
                            {#
                                {% if answerSum[0] / totalSum[0] < 0.95 %}
                                    <p class="incomplete">※ 由于受测者未完整作答所有指标，无法判断最突出的人格维度。</p>
                                {% endif %}
                             #}
                            <div class="scoreDimensions">
                                <table class="superiorityDimension">
                                    {% if superiorityDimension | length > 0  %}
                                        {% for superiority in superiorityDimension  %}
                                            <tr>
                                                {% if loop.index == 1 %}<td class="cate" rowspan="{{ superiority | length }}">高分维度</td>{% endif %}
                                                <td class="name">{{superiority.name}}</td>
                                                <td class="explanation">{{superiority.explanation}}</td>

                                                {% if answerSum[0] / totalSum[0] < 0.95 %}
                                                    <td class="abnormal">
                                                        {% if superiority.answered == 0 %}
                                                            未进行该指标题目的作答。
                                                        {% elif superiority.answered < superiority.scored %}
                                                            该指标答题不全，得分低于真实水平。
                                                        {% else %}
                                                            —
                                                        {% endif %}
                                                    </td>
                                                {% endif %}
                                            </tr>
                                        {% endfor %}
                                    {% else %}
                                        <tr>
                                            <td class="cate">高分维度</td>
                                            <td class="name">-</td>
                                            <td class="explanation" align="center">无高分维度</td>
                                        </tr>
                                    {% endif %}
                                </table>
                                <table class="normalDimension">
                                    {% if normalDimension | length > 0 %}
                                        {% for normal in normalDimension %}
                                            <tr>
                                                {% if loop.index == 1 %}<td class="cate" rowspan="{{ normal | length }}">一般维度</td> {% endif %}
                                                <td class="name">{{normal.name}}</td>
                                                <td class="explanation">{{normal.explanation}}</td>
                                                {% if answerSum[0] / totalSum[0] < 0.95 %}
                                                    <td class="abnormal">
                                                        {% if normal.answered == 0 %}
                                                            未进行该指标题目的作答。
                                                        {% elif normal.answered < normal.scored %}
                                                            该指标答题不全，得分低于真实水平。
                                                        {% else %}
                                                            —
                                                        {% endif %}
                                                    </td>
                                                {% endif %}
                                            </tr>
                                        {% endfor %}
                                    {% else %}
                                        <tr>
                                            <td class="cate">一般维度</td>
                                            <td class="name">-</td>
                                            <td class="explanation" align="center">无一般维度</td>
                                        </tr>
                                    {% endif %}
                                </table>
                                <table class="inferiorDimension">
                                    {% if inferiorDimension | length > 0 %}
                                        {% for inferior in inferiorDimension %}
                                            <tr>
                                                {% if loop.index == 1 %}<td class="cate" rowspan="{{ inferior | length }}">低分维度</td>{% endif %}
                                                <td class="name">{{inferior.name}}</td>
                                                <td class="explanation">{{inferior.explanation}}</td>
                                                {% if answerSum[0] / totalSum[0] < 0.95 %}
                                                    <td class="abnormal">
                                                        {% if inferior.answered == 0 %}
                                                            未进行该指标题目的作答。
                                                        {% elif inferior.answered < inferior.scored %}
                                                            该指标答题不全，得分低于真实水平。
                                                        {% else %}
                                                            —
                                                        {% endif %}
                                                    </td>
                                                {% endif %}
                                            </tr>
                                        {% endfor %}
                                    {% else %}
                                        <tr>
                                            <td class="cate">低分维度</td>
                                            <td class="name">-</td>
                                            <td class="explanation" align="center">无低分维度</td>
                                        </tr>
                                    {% endif %}
                                </table>
                            </div>
                        {% endwith %}
                    {% elif chart.type == 36 %}
                        {% if type36count[0] == 0 %}
                            <h4 class="text-center" style="margin-bottom: 25px;margin-top:90px;font-size: 22px;font-weight:bold;">各维度下的突出因子特征</h4>
                        {% endif %}
                        <p style="font-size: 20px;color: #333;margin-top: 30px;">{{ chart.name }}</p>
                        {% with highlightTag = [0], index = [1] %}
                            {% for entry in chart.entries %}
                                {% if entry.explanation != "" %}
                                    <p style="font-size: 18px;text-indent:2em;">{{ index[0] }}、{{ entry.explanation }}</p>
                                    {% do highlightTag.append(highlightTag.pop() + 1) %}
                                    {% do index.append(index.pop() + 1) %}
                                {% endif %}
                            {% endfor %}

                            {% if highlightTag[0] == 0 %}
                                <p style="font-size: 18px;text-indent:2em;">受测者在此人格维度上无突出因子特征。</p>
                            {% endif %}
                        {% endwith %}

                        {% do type36count.append(type36count.pop() + 1) %}

                    {% elif chart.type == 23 %}
                        <div class="leader-legend">
                            <div class="leader-pop legend sub-leader-legend1">个人魅力</div>
                            <div class="leader-pop legend sub-leader-legend2">组织业务</div>
                            <div class="leader-pop legend sub-leader-legend3">团队建设</div>
                        </div>
                        <div class="leaderchart">
                            <div id="leaderChart{{chart.chartTemplateId}}" style="margin: 0 auto; width: 800px; height: 400px;"></div>
                        </div>

                        <script>
                            function initLeaderChart (data){
                                var keys = [], values = [], charisma = [], business = [], teamconstruction = [];

                                for (var k = 0, entry; entry = data.entries[k]; ++k) {
                                    switch (entry.group){
                                        case "个人魅力":
                                            charisma.push(entry);
                                            break;
                                        case "组织业务":
                                            business.push(entry);
                                            break;
                                        case "团队建设":
                                            teamconstruction.push(entry);
                                            break;
                                        default:
                                            break;
                                    }
                                }

                                var sortedEntries = charisma.concat(business).concat(teamconstruction);

                                for (var k = 0, _entry; _entry = sortedEntries[k]; ++k) {
                                    switch (_entry.group){
                                        case "个人魅力":
                                            var _color = '#5DE9B9';
                                            break;
                                        case "组织业务":
                                            var _color = '#4FD0FB';
                                            break;
                                        case "团队建设":
                                            var _color = '#7CA1FF';
                                            break;
                                        default:
                                            break;
                                    }
                                    keys.push(_entry.name);
                                    values.push({
                                        value: _entry.score,
                                        name: _entry.name,
                                        itemStyle: {
                                            normal: {
                                                color: _color,
                                                borderWidth: 1,
                                                borderColor: '#fff'
                                            }
                                        }
                                    });
                                }

                                var myChart = echarts.init(document.getElementById('leaderChart' + data.chartTemplateId), null, {renderer: 'svg'});

                                var option = {
                                    series: [
                                        {
                                            name: '指标得分',
                                            type: 'pie',
                                            radius: [30, 150],
                                            center: ['50%', '50%'],
                                            roseType: 'area',
                                            data: values,
                                            label:{
                                                normal:{
                                                    fontSize:17,
                                                    fontFamily:'Microsoft YaHei'
                                                }
                                            }
                                        }
                                    ],
                                    animation:false
                                };
                                myChart.setOption(option);
                            }

                            initLeaderChart({{ chart }})
                        </script>
                    {% elif chart.type == 27 %}
                        <!--正态分布图-->
                        <div class="pdp-head" style="text-align:center;font-size: 17px;font-weight: bold;margin-bottom: 30px;margin-top: -50px;">{{chart.name}}</div>
                        <div class="summary">
                            <p>本测评将情商分成情绪识别、情绪评价、情绪适应、情绪调控、情绪表达五个维度，助您全面了解受测者的情商水平。</p>
                        </div>
                        <div class="gaussian-distribution">
                            {% with eqImgUrl = "" %}
                                {% if (chart.score >= 0 and chart.score < 0.4) %}
                                    {% set eqImgUrl = "static/img/eq_1.png" %}
                                {% elif (chart.score >= 0.4 and chart.score < 0.54) %}
                                    {% set eqImgUrl = "static/img/eq_2.png" %}
                                {% elif (chart.score >= 0.54 and chart.score < 0.58) %}
                                    {% set eqImgUrl = "static/img/eq_3.png" %}
                                {% elif (chart.score >= 0.58 and chart.score < 0.64) %}
                                    {% set eqImgUrl = "static/img/eq_4.png" %}
                                {% elif (chart.score >= 0.64 and chart.score < 0.71) %}
                                    {% set eqImgUrl = "static/img/eq_5.png" %}
                                {% elif (chart.score >= 0.71 and chart.score < 0.76) %}
                                    {% set eqImgUrl = "static/img/eq_6.png" %}
                                {% elif (chart.score >= 0.76 and chart.score < 0.83) %}
                                    {% set eqImgUrl = "static/img/eq_7.png" %}
                                {% elif (chart.score >= 0.83 and chart.score < 0.93) %}
                                    {% set eqImgUrl = "static/img/eq_8.png" %}
                                {% else %}
                                    {% set eqImgUrl = "static/img/eq_9.png" %}
                                {% endif %}

                                <div class="gaussian-box" style="background-image: url({{ eqImgUrl }});"></div>
                            {% endwith %}
                            <div class="gaussian-evaluate">{{chart.explanation}}</div>
                            {#
                            <p class="incomplete">※ 由于受测者未完整作答，整体得分会低于真实水平，请仅参考完整作答的单个指标。</p>
                             #}
                        </div>
                    {% elif chart.type == 15 %}
                        <!--情商解释图-->
                        <table class="table table-bordered advantage-box youshi">
                            <tr>
                                <td class="indexName" colspan="3">
                                    <p class="nowrap" style="text-align: center;">
                                        <span class="indexes advantages-index" style="padding-left: 0px;background: none;">深度剖析</span>
                                    </p>
                                </td>
                            </tr>
                            {% for entry in chart.entries %}
                                <tr>
                                    <td class="zhibiao" style="padding: 0;background-color: #E0ECFF; text-align: center; ">
                                        <div >{{entry.name}} <span>{{entry.score}}分</span></div>
                                    </td>
                                    <td style="background-color: #F7FAFF">
                                        <div>{{entry.explanation}}</div>
                                    </td>
                                    {% if answerSum[0] < totalSum[0] %}
                                        <td style="background-color: #F7FAFF;text-align: center;">
                                            {% if entry.answered == 0 %}
                                                未进行该指标题目的作答。
                                            {% elif entry.answered < entry.scored %}
                                                该指标答题不全，得分低于真实水平。
                                            {% else %}
                                                —
                                            {% endif %}
                                        </td>
                                    {% endif %}
                                </tr>
                            {% endfor %}
                        </table>
                    {% elif chart.type == 31 %}
                        <div class="adversityChart" style="position: relative;margin-top: -10px; margin-bottom: 20px;">
                            <div id="radarChart{{chart.chartTemplateId}}" style="margin: 0 auto; width: 800px; height: 400px"></div>
                            <div class="legends" style="position: absolute; left: 80px; bottom: 10px;">
                                <div class="legend-item">劣势维度：0-45分</div>
                                <div class="legend-item">一般维度：46-67分</div>
                                <div class="legend-item">优势维度：68-100分</div>
                            </div>
                        </div>

                        <script>
                            var chart = {{ chart }};

                            for (var k = 0, keys = [], values = [], name, entry; entry = chart.entries[k]; ++k) {
                                if(chart.name.indexOf('职业倾向性') != -1  || chart.type == 31){
                                    keys.push({
                                        text: entry.name,
                                        max: 100
                                    });
                                    values.push(parseInt(entry.scoringRate * 100));
                                }else{
                                    keys.push({
                                        text: entry.name,
                                        max: 9
                                    });
                                    values.push(entry.score);
                                }
                            }

                            var myChart = echarts.init(document.getElementById('radarChart' + chart.chartTemplateId),  null, {renderer: 'svg'});

                            var option = {
							textStyle: {
								fontFamily: '微软雅黑',
								fontSize: 16
							},
							radar: [{
								indicator: keys,
								name: {
									textStyle: {
										color: '#666'
									}
								},
								radius: '70%',
								splitArea: {
									show: false
								},
								axisTick: {
									length: 300
								},

							}],
							series: [{
                                type: 'radar',
                                symbol: 'circle',
                                center: ['50%', '45%'],
                                itemStyle: {
                                    normal: {
                                        color: 'none'
                                    }
                                },
                                areaStyle: {
                                    normal: {
                                        color: {
                                            type: 'radial',
                                            x: 0.5,
                                            y: 0.5,
                                            r: 0.5,
                                            colorStops: [{
                                                offset: 0,
                                                color: 'rgba(208,240,255, 0.74)' // 0% 处的颜色
                                            }, {
                                            offset: 1,
                                            color: 'rgba(80,146,248, 1)' // 100% 处的颜色
                                            }],
                                            globalCoord: false
                                        }
                                    }
                                },
                                data: [{
                                    value: values,
                                    label: {
                                        normal: {
                                            show: true,
                                            formatter: function(params) {
                                                return params.value;
                                            },
                                            textStyle: {
                                                color: '#666',
                                                fontSize:12
                                            }
                                        }
                                    }
                                }]
                            }],
                            animation:false
						};

						myChart.setOption(option);

                        </script>
                    {% elif chart.type == 32 %}
                        {% if chart.name == "控制感" %}
                            <div class="adversity-introduction" style="display: flex; justify-content: space-between; align-items: flex-start; margin-top: 50px; margin-bottom: 10px">
                                <div class="description" style="flex: 1">
                                    <p style="font-size:20px;">Control（控制感）是指个体对周围环境的信念控制能力。在面对逆境时，逆商高的人会相信自己并主动去改变环境。这主要体现在个体思维反应方式中的自我效能感等。</p>
                                </div>
                            </div>
                        {% elif chart.name  == "责任归属" %}
                             <div class="adversity-introduction" style="display: flex; justify-content: space-between; align-items: flex-start; margin-top: 50px; margin-bottom: 10px">
                                <div class="description" style="flex: 1">
                                    <p style="font-size:20px;">Ownership（责任归属）是指个体看待逆境问题原因的责任归属。逆商高的人会客观地看待陷入逆境的原因，而非过度沉溺于自我批判、消极自责的心境中。这主要体现在个体思维反应方式中的外归因等。</p>
                                </div>
                            </div>
                        {% elif chart.name  == "影响延伸" %}
                             <div class="adversity-introduction" style="display: flex; justify-content: space-between; align-items: flex-start; margin-top: 50px; margin-bottom: 10px">
                                <div class="description" style="flex: 1">
                                    <p style="font-size:20px;">Reach（影响延伸）是指个体因为逆境而影响波及到的事务以及人物范围。逆商高的人会主动将逆境所带来的负面影响控制在一定范围并努力将影响程度降到最低。这主要体现在个体困境处理能力中的抗压能力、情绪管理能力等。</p>
                                </div>
                            </div>
                        {% elif chart.name == "忍耐" %}
                             <div class="adversity-introduction" style="display: flex; justify-content: space-between; align-items: flex-start; margin-top: 50px; margin-bottom: 10px">
                                <div class="description" style="flex: 1">
                                    <p style="font-size:20px;">Endurance（忍耐）是指个体对于逆境的耐受性。逆商高的人相信自己可以很快度过逆境，并积极找寻解决问题的方案。这主要体现在个体困境处理能力中的应变能力、坚韧性等。</p>
                                </div>
                            </div>
                        {% endif %}

                        <div class="adversity-item">
                            <div class="adversity-top">
                                <table>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <div class="score-area">
                                                    <span style="font-size: 18px"><strong>{{chart.name}}</strong></span>
                                                    <span style="font-size: 18px;float: right;">{{((chart.score)*100)| round() | int }}</span>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="description">
                                                    <p style="line-height: 25px; margin: 0">{{chart.explanation}}</p>
                                                </div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="adversity-charts">
                                {% with  outer_loop = loop  %}
                                    {% for index in range(1, 10) %}
                                        {% with type33 =  unit.charts[outer_loop.index0 + index] %}
                                            {% if type33 and type33.type == 33 %}
                                                <div class="sub-type linear clearfix">
                                                    <div class="inline" style="width: 50%;padding-right: 15px;padding-top: 30px;">
                                                        <div>
                                                            <div class="level-bar clearfix">
                                                                <span class="current-level clearfix" style="left:{{(type33.score*10 + 0.0) | round(1) }}%;"><a>{{(type33.score + 0.0) | round(1)}}</a></span>
                                                                <div class="pull-left level-one"></div>
                                                                <div class="pull-left level-two"></div>
                                                                <div class="pull-left level-three"></div>
                                                            </div>
                                                            <div class="levels clearfix">
                                                                <ul>
                                                                    <li><span>0</span></li>
                                                                    <li><span>&nbsp;</span></li>
                                                                    <li><span>&nbsp;</span></li>
                                                                    <li><span>&nbsp;</span></li>
                                                                    <li><span>&nbsp;</span></li>
                                                                    <li><span>&nbsp;</span></li>
                                                                    <li><span>&nbsp;</span></li>
                                                                    <li><span>&nbsp;</span></li>
                                                                    <li><span>&nbsp;</span></li>
                                                                    <li><span>9</span></li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="inline" style="width: 46%;padding-left: 15px;">
                                                        <p style="margin-bottom: 5px">
                                                            <span style="padding: 4px 8px; background-color: #605e5e; color: #fff; border-radius: 4px;">{{type33.name}}</span>
                                                            {% if type33.answered > 0 and type33.answered < type33.scored %}
                                                                <span class="incomplete">该指标答题不全，得分低于真实水平。</span>
                                                            {% endif %}
                                                        </p>
                                                        <p>
                                                            {% if type33.answered == 0 %}
                                                                未进行该指标题目的作答。
                                                            {% else %}
                                                                {{type33.explanation}}
                                                            {% endif %}
                                                        </p>
                                                    </div>
                                                </div>
                                            {% else %}
                                                {% break %}
                                            {% endif %}
                                        {% endwith %}
                                    {% endfor %}
                                {% endwith %}
                            </div>
                        </div>
                    {% elif chart.type == 16 %}
                        <div class="pf-box pf16" style="margin-top: 90px;">
                            <div style="text-align:center;font-size: 20px;font-weight: bold;margin-bottom: 30px;margin-top: -50px;">{{chart.name}}</div>
                            <div class="summary">
                                <p>本测验首先可以了解被测者在乐群性、聪慧性、敏感性、冒险性等16种基本人格因素上的特点，其次还可以通过这些基本因素的不同组合来了解被测者的成长型人格、心理健康人格、创造型人格等8种次级因素，全面反映受测者的人格特征。</p>
                            </div>
                            <div class="pfchart">
                                <div id="pfChart{{chart.chartTemplateId}}" style="margin: 0 auto; width: 900px; height: 550px;"></div>
                            </div>

                            {% set advantages16 = [] %}
                            {% set disadvantages16 = [] %}
                            {% set normals16 = [] %}

                            {% for entry in type16 %}
                                {% if answerSum[0] / totalSum[0] < 0.95 %}
                                    {% if entry.answered == entry.scored and entry.score > 1  %}
                                        {% if entry.score >= 8 %}
                                            {% do advantages16.append(entry) %}
                                        {% elif entry.score <= 3 %}
                                            {% do disadvantages16.append(entry) %}
                                        {% else %}
                                            {% do normals16.append(entry) %}
                                        {% endif %}
                                    {% endif %}
                                {% else %}
                                    {% if entry.score >= 8 %}
                                        {% do advantages16.append(entry) %}
                                    {% elif entry.score <= 3 %}
                                        {% do disadvantages16.append(entry) %}
                                    {% else %}
                                        {% do normals16.append(entry) %}
                                    {% endif %}
                                {% endif %}
                            {% endfor %}

                            {% with computedComments=[] %}
                                {% if advantages16 | length == 0 and disadvantages16 | length == 0 %}
                                    {% for entry in chart.entries[-3:] | reverse %}
                                        {% if entry.commont != ''%}
                                            {% do computedComments.append(entry.commont.split('@')[0]) %}
                                        {% endif %}
                                    {% endfor %}
                                    {% for entry in chart.entries[0:3] |  reverse %}
                                        {% if entry.commont != '' %}
                                            {% do computedComments.append(entry.commont.split('@')[1]) %}
                                        {% endif %}
                                    {% endfor %}
                                {% else %}
                                    {% for advantage in advantages16 |  reverse %}
                                        {% if advantage.commont != '' %}
                                            {% do computedComments.append(advantage.commont.split('@')[0]) %}
                                        {% endif %}
                                    {% endfor %}
                                    {% for disadvantage in disadvantages16 |  reverse %}
                                        {% if disadvantage.commont != '' %}
                                            {% do computedComments.append(disadvantage.commont.split('@')[1]) %}
                                        {% endif %}
                                    {% endfor %}
                                {% endif %}
                                {#
                                    {% if (advantages16 | length + disadvantages16 | length + normals16 | length < 16) %}
                                        <p class="incomplete">※ 由于受测者存在答题不全/未作答情况，未完整作答的突出人格因素结果将不在下表中显示。</p>
                                    {% endif %}
                                #}
                                {% if computedComments | length > 0 %}
                                    <p style="color: #FFAA3B;font-size: 18px;margin-bottom: 35px;text-indent: 32px;text-align: center;"><span class="pfcharacterTag">个性标签：</span>{{computedComments | join("、")}}。</p>
                                {% endif %}

                                {% if advantages16 | length == 0 and disadvantages16 | length == 0 %}
                                    <table class="table table-bordered advantage-box yiban">
                                        <tr>
                                            <td colspan="3" style="background-color: #FFC375;color: #fff;text-align: center;">
                                                <p>个体16种基本人格因素的得分在人群中皆不突出，不存在十分显著的因素。以下仅显示个体自身相对较高或较低的因素。</p>
                                            </td>
                                        </tr>

                                        {% for entry in normals16 %}
                                            {% if loop.index <= 3 or loop.index >= normals16 | length - 2 %}
                                                <tr>
                                                    {% if loop.index == 1 %}
                                                        <td class="indexName" rowspan="{{ normals16 | length }}">
                                                            <p class="nowrap">
                                                                <span class="indexes normal-index">一般因素</span>
                                                            </p>
                                                        </td>
                                                    {% endif %}
                                                    <td class="zhibiao">
                                                        <div class="nowrap">
                                                            <span class="text-lie">
                                                                <span class="ability">{{entry.name}}</span>
                                                                <span class="abilityScore">{{entry.score}}分</span>
                                                                {% for tagId in lieTagIds %}
                                                                    {% if tagId == entry.tagId %}
                                                                        <span class="icon-lie"></span>
                                                                    {% endif %}
                                                                {% endfor %}
                                                            </span>
                                                        </div>
                                                    </td>
                                                    <td class="explanation">
                                                        <p>{{entry.explanation}}</p>
                                                    </td>
                                                </tr>
                                            {% endif %}
                                        {% endfor %}
                                    </table>
                                {% else %}
                                    <table class="table table-bordered advantage-box youshi">
                                        {% if advantages16 | length == 0 %}
                                            <tr>
                                                <td class="indexName">
                                                    <p class="nowrap">
                                                        <span class="indexes advantages-index">高分因素</span>
                                                    </p>
                                                </td>
                                                <td style="text-align: center;" class="zhibiao">
                                                    —
                                                </td>
                                                <td class="explanation" style="text-align: center;">无高分因素</td>
                                            </tr>
                                        {% else %}
                                            {% for entry in advantages16 %}
                                                <tr>
                                                    {% if loop.index == 1 %}
                                                        <td class="indexName" rowspan="{{ advantages16 | length }}">
                                                            <p class="nowrap">
                                                                <span class="indexes advantages-index">高分因素</span>
                                                            </p>
                                                        </td>
                                                    {% endif %}
                                                    <td class="zhibiao">
                                                        <div class="nowrap">
                                                            <span class="text-lie">
                                                                <span class="ability">{{entry.name}}</span>
                                                                <span class="abilityScore">{{entry.score}}分</span>
                                                                {% for tagId in lieTagIds %}
                                                                    {% if tagId == entry.tagId %}
                                                                        <span class="icon-lie"></span>
                                                                    {% endif %}
                                                                {% endfor %}
                                                            </span>
                                                        </div>
                                                    </td>
                                                    <td class="explanation">
                                                        <p>{{entry.explanation}}</p>
                                                    </td>
                                                </tr>
                                            {% endfor %}
                                        {% endif %}
                                    </table>
                                    <table class="table table-bordered advantage-box lieshi">
                                        {% if disadvantages16 | length == 0 %}
                                            <tr>
                                                <td class="indexName">
                                                    <p class="nowrap">
                                                        <span class="indexes disadvantages-index">低分因素</span>
                                                    </p>
                                                </td>
                                                <td style="text-align: center;" class="zhibiao">
                                                    —
                                                </td>
                                                <td class="explanation" style="text-align: center;">无低分因素</td>
                                            </tr>
                                        {% else %}
                                            {% for entry in disadvantages16 %}
                                                <tr>
                                                    {% if loop.index == 1 %}
                                                        <td class="indexName" rowspan="{{ disadvantages16 | length }}">
                                                            <p class="nowrap">
                                                                <span class="indexes disadvantages-index">低分因素</span>
                                                            </p>
                                                        </td>
                                                    {% endif %}
                                                    <td class="zhibiao">
                                                        <div class="nowrap">
                                                            <span class="text-lie">
                                                                <span class="ability">{{entry.name}}</span>
                                                                <span class="abilityScore">{{entry.score}}分</span>
                                                                {% for tagId in lieTagIds %}
                                                                    {% if tagId == entry.tagId %}
                                                                        <span class="icon-lie"></span>
                                                                    {% endif %}
                                                                {% endfor %}
                                                            </span>
                                                        </div>
                                                    </td>
                                                    <td class="explanation">
                                                        <p>{{entry.explanation}}</p>
                                                    </td>
                                                </tr>
                                            {% endfor %}
                                        {% endif %}
                                    </table>
                                {% endif %}
                            {% endwith %}
                            <script>
                                function initPfChart (data) {
                                    var colorArr = [
                                        '#ffaa3c',
                                        '#ffac3f',
                                        '#ffad41',
                                        '#ffae45',
                                        '#ffb049',
                                        '#ffb24e',
                                        '#ffb452',
                                        '#ffb658',
                                        '#ffb95d',
                                        '#ffba60',
                                        '#ffbc66',
                                        '#ffc06d',
                                        '#ffc579',
                                        '#ffc983',
                                        '#ffce8d',
                                        '#ffd093'
                                    ];

                                   var keys = [], values = [];
                                   for (var k = 0, entry; entry = data.entries[k]; ++k) {
                                        {% if answerSum[0] / totalSum[0] < 0.95 %}
                                            if(entry.answered < entry.scored && entry.score <=1){
                                                continue;
                                            }
                                        {% endif %}

                                        keys.push(entry.name);
                                        values.push({
                                            value: entry.score,
                                            name: entry.name,
                                            itemStyle: {
                                                normal: {
                                                    color: colorArr[colorArr.length - 1 - k],
                                                    borderWidth: 1,
                                                    borderColor: '#fff'
                                                }
                                            }
                                        });
                                    }

                                    var myChart = echarts.init(document.getElementById('pfChart' + data.chartTemplateId), null, {renderer: 'svg'});
                                    var option = {
                                        series: [
                                            {
                                                name: '因素得分',
                                                type: 'pie',
                                                radius: [50, "70%"],
                                                center: ['50%', '50%'],
                                                roseType: 'area',
                                                data: values,
                                                labelLine: {
                                                    normal: {
                                                        smooth: 0
                                                    }
                                                },
                                                label:{
                                                    normal:{
                                                        fontSize:18,
                                                        fontFamily:'Microsoft YaHei'
                                                    }
                                                }
                                            },
                                        ],
                                        animation:false
                                    };
                                    myChart.setOption(option);
                                }

                                initPfChart({{ chart }})
                            </script>
                        </div>
                    {% elif chart.type == 13 %}
                        <div class="pf-box pf8">
                            <div style="text-align:center;margin-top: 50px;">
                                <p style="font-size: 17px;font-weight: bold;margin-bottom: 0;">8种次级人格因素</p>
                                <span style="font-size: 14px;color: #666;">（由16种基本因素计算所得）</span>
                            </div>

                            {% set pf8=[] %}
                            {# 适应性, 外向性, 冲动性, 果断性, 心理健康人格, 成长型人格, 成就型人格, 创造型人格 #}
                            {% with adapts=[], extroversions=[], impulsions=[], decisives=[], mentals=[], growths=[], achievers=[], creatives=[]%}
                                {% for entry in type16 %}
                                    {% if answerSum[0] / totalSum[0] >= 0.95 %}
                                        {% if entry.name == "敏感性" %}
                                            {% do impulsions.append(entry) %}
                                            {% do creatives.append(entry) %}
                                        {% elif entry.name == "独立性" %}
                                            {% do extroversions.append(entry) %}
                                            {% do decisives.append(entry) %}
                                            {% do achievers.append(entry) %}
                                            {% do creatives.append(entry) %}
                                        {% elif entry.name == "幻想性" %}
                                            {% do impulsions.append(entry) %}
                                            {% do decisives.append(entry) %}
                                            {% do creatives.append(entry) %}
                                        {% elif entry.name == "自律性" %}
                                            {% do adapts.append(entry) %}
                                            {% do growths.append(entry) %}
                                            {% do achievers.append(entry) %}
                                        {% elif entry.name == "聪慧性" %}
                                            {% do growths.append(entry) %}
                                            {% do creatives.append(entry) %}
                                        {% elif entry.name == "稳定性" %}
                                            {% do adapts.append(entry) %}
                                            {% do impulsions.append(entry) %}
                                            {% do mentals.append(entry) %}
                                            {% do achievers.append(entry) %}
                                        {% elif entry.name == "忧虑性" %}
                                            {% do adapts.append(entry) %}
                                            {% do mentals.append(entry) %}
                                        {% elif entry.name == "变革性" %}
                                            {% do decisives.append(entry) %}
                                            {% do achievers.append(entry) %}
                                            {% do creatives.append(entry) %}
                                        {% elif entry.name == "乐群性" %}
                                            {% do extroversions.append(entry) %}
                                            {% do impulsions.append(entry) %}
                                            {% do decisives.append(entry) %}
                                            {% do creatives.append(entry) %}
                                        {% elif entry.name == "恃强性" %}
                                            {% do extroversions.append(entry) %}
                                            {% do impulsions.append(entry) %}
                                            {% do decisives.append(entry) %}
                                            {% do achievers.append(entry) %}
                                            {% do creatives.append(entry) %}
                                        {% elif entry.name == "有恒性" %}
                                            {% do decisives.append(entry) %}
                                            {% do growths.append(entry) %}
                                            {% do achievers.append(entry) %}
                                        {% elif entry.name == "交际性" %}
                                            {% do adapts.append(entry) %}
                                            {% do extroversions.append(entry) %}
                                            {% do creatives.append(entry) %}
                                        {% elif entry.name == "怀疑性" %}
                                            {% do adapts.append(entry) %}
                                        {% elif entry.name == "活泼性" %}
                                            {% do extroversions.append(entry) %}
                                            {% do impulsions.append(entry) %}
                                            {% do mentals.append(entry) %}
                                            {% do growths.append(entry) %}
                                            {% do creatives.append(entry) %}
                                        {% elif entry.name == "紧张性" %}
                                            {% do adapts.append(entry) %}
                                            {% do mentals.append(entry) %}
                                        {% elif entry.name == "世故性" %}
                                            {% do impulsions.append(entry) %}
                                            {% do achievers.append(entry) %}
                                            {% do creatives.append(entry) %}
                                        {% endif %}
                                    {% else %}
                                        {% if entry.score > 1 and entry.answered == entry.scored %}
                                            {% if entry.name == "敏感性" %}
                                                {% do impulsions.append(entry) %}
                                                {% do creatives.append(entry) %}
                                            {% elif entry.name == "独立性" %}
                                                {% do extroversions.append(entry) %}
                                                {% do decisives.append(entry) %}
                                                {% do achievers.append(entry) %}
                                                {% do creatives.append(entry) %}
                                            {% elif entry.name == "幻想性" %}
                                                {% do impulsions.append(entry) %}
                                                {% do decisives.append(entry) %}
                                                {% do creatives.append(entry) %}
                                            {% elif entry.name == "自律性" %}
                                                {% do adapts.append(entry) %}
                                                {% do growths.append(entry) %}
                                                {% do achievers.append(entry) %}
                                            {% elif entry.name == "聪慧性" %}
                                                {% do growths.append(entry) %}
                                                {% do creatives.append(entry) %}
                                            {% elif entry.name == "稳定性" %}
                                                {% do adapts.append(entry) %}
                                                {% do impulsions.append(entry) %}
                                                {% do mentals.append(entry) %}
                                                {% do achievers.append(entry) %}
                                            {% elif entry.name == "忧虑性" %}
                                                {% do adapts.append(entry) %}
                                                {% do mentals.append(entry) %}
                                            {% elif entry.name == "变革性" %}
                                                {% do decisives.append(entry) %}
                                                {% do achievers.append(entry) %}
                                                {% do creatives.append(entry) %}
                                            {% elif entry.name == "乐群性" %}
                                                {% do extroversions.append(entry) %}
                                                {% do impulsions.append(entry) %}
                                                {% do decisives.append(entry) %}
                                                {% do creatives.append(entry) %}
                                            {% elif entry.name == "恃强性" %}
                                                {% do extroversions.append(entry) %}
                                                {% do impulsions.append(entry) %}
                                                {% do decisives.append(entry) %}
                                                {% do achievers.append(entry) %}
                                                {% do creatives.append(entry) %}
                                            {% elif entry.name == "有恒性" %}
                                                {% do decisives.append(entry) %}
                                                {% do growths.append(entry) %}
                                                {% do achievers.append(entry) %}
                                            {% elif entry.name == "交际性" %}
                                                {% do adapts.append(entry) %}
                                                {% do extroversions.append(entry) %}
                                                {% do creatives.append(entry) %}
                                            {% elif entry.name == "怀疑性" %}
                                                {% do adapts.append(entry) %}
                                            {% elif entry.name == "活泼性" %}
                                                {% do extroversions.append(entry) %}
                                                {% do impulsions.append(entry) %}
                                                {% do mentals.append(entry) %}
                                                {% do growths.append(entry) %}
                                                {% do creatives.append(entry) %}
                                            {% elif entry.name == "紧张性" %}
                                                {% do adapts.append(entry) %}
                                                {% do mentals.append(entry) %}
                                            {% elif entry.name == "世故性" %}
                                                {% do impulsions.append(entry) %}
                                                {% do achievers.append(entry) %}
                                                {% do creatives.append(entry) %}
                                            {% endif %}
                                        {% endif %}
                                    {% endif %}

                                {% endfor %}

                                {% with advantages=[], normals=[], disadvantages=[], computedComments=[], subAnsweredSum=[0], subScoredSum=[0]%}
                                    {% for entry in chart.entries %}
                                        {% if entry.name == "适应性" %}
                                            {% if adapts | length < 6 %}
                                                {% continue %}
                                            {% endif %}
                                        {% elif entry.name == "外向性" %}
                                            {% if extroversions | length < 5 %}
                                                {% continue %}
                                            {% endif %}
                                        {% elif entry.name == "冲动性" %}
                                            {% if impulsions | length < 7 %}
                                                {% continue %}
                                            {% endif %}
                                        {% elif entry.name == "成就型人格" %}
                                            {% if achievers | length < 7 %}
                                                {% continue %}
                                            {% endif %}
                                        {% elif entry.name == "果断性" %}
                                            {% if decisives | length < 6 %}
                                                {% continue %}
                                            {% endif %}
                                        {% elif entry.name == "心理健康人格" %}
                                            {% if mentals | length < 4 %}
                                                {% continue %}
                                            {% endif %}
                                        {% elif entry.name == "成长型人格" %}
                                            {% if growths | length < 4 %}
                                                {% continue %}
                                            {% endif %}
                                        {% elif entry.name == "创造型人格" %}
                                            {% if creatives | length < 10 %}
                                                {% continue %}
                                            {% endif %}
                                        {% endif %}

                                        {% do pf8.append(entry) %}

                                        {% if entry.score >= 8 %}
                                            {% do advantages.append(entry) %}
                                        {% elif entry.score <= 3 %}
                                            {% do disadvantages.append(entry) %}
                                        {% else %}
                                            {% do normals.append(entry) %}
                                        {% endif %}
                                    {% endfor %}

                                    {% if pf8 | length > 0 %}
                                        <div class="pfchart">
                                            <div id="pfChart{{chart.chartTemplateId}}" style="margin: 0 auto; width: 800px; height: 400px;"></div>
                                        </div>
                                    {% endif %}

                                    {% if advantages | length == 0 and disadvantages | length == 0 %}
                                         <table class="table table-bordered advantage-box yiban">
                                            {% if pf8 | length > 0 %}
                                                 <tr>
                                                    <td colspan="3" style="background-color: #60A7FF;color: #fff;text-align: center;">
                                                        <p>个体8种次级人格因素的得分在人群中皆不突出，不存在十分显著的因素。以下仅显示个体自身相对较高或较低的因素。</p>
                                                    </td>
                                                 </tr>
                                            {% endif %}
                                            {% for entry in normals %}
                                                {% if loop.index <= 3 or loop.index >= normals | length - 2 %}
                                                    <tr>
                                                        {% if loop.index == 1 %}
                                                            <td class="indexName" rowspan="{{ normals | length }}">
                                                                <p class="nowrap">
                                                                    <span class="indexes normal-index">一般因素</span>
                                                                </p>
                                                            </td>
                                                        {% endif %}

                                                        <td class="zhibiao">
                                                            <div class="nowrap">
                                                                <span class="text-lie">
                                                                    <span class="ability">{{entry.name}}</span>
                                                                    <span class="abilityScore">{{entry.score}}分</span>
                                                                    {% for tagId in lieTagIds %}
                                                                        {% if tagId == entry.tagId %}
                                                                            <span class="icon-lie"></span>
                                                                        {% endif %}
                                                                    {% endfor %}
                                                                </span>
                                                            </div>
                                                        </td>
                                                        <td class="explanation">
                                                            <p>{{entry.explanation}}</p>
                                                        </td>
                                                    </tr>
                                                {% endif %}
                                            {% endfor %}
                                        </table>
                                    {% else %}
                                        <table class="table table-bordered advantage-box youshi">
                                        {% if advantages | length == 0 %}
                                            <tr>
                                                <td class="indexName">
                                                    <p class="nowrap">
                                                        <span class="indexes advantages-index">高分因素</span>
                                                    </p>
                                                </td>
                                                <td style="text-align: center;" class="zhibiao">
                                                    —
                                                </td>
                                                <td class="explanation" style="text-align: center;">无高分因素</td>
                                            </tr>
                                        {% else %}
                                            {% for entry in advantages %}
                                                <tr>
                                                    {% if loop.index == 1 %}
                                                        <td class="indexName" rowspan="{{advantages | length}}">
                                                            <p class="nowrap">
                                                                <span class="indexes advantages-index">高分因素</span>
                                                            </p>
                                                        </td>
                                                    {% endif %}
                                                    <td class="zhibiao">
                                                        <div class="nowrap">
                                                            <span class="text-lie">
                                                                <span class="ability">{{entry.name}}</span>
                                                                <span class="abilityScore">{{entry.score}}分</span>
                                                                {% for tagId in lieTagIds %}
                                                                    {% if tagId == entry.tagId %}
                                                                         <span class="icon-lie"></span>
                                                                    {% endif %}
                                                                {% endfor %}
                                                            </span>
                                                        </div>
                                                    </td>
                                                    <td class="explanation">
                                                        <p>{{entry.explanation}}</p>
                                                    </td>
                                                </tr>
                                            {% endfor %}
                                        {% endif %}
                                        </table>
                                        <table class="table table-bordered advantage-box lieshi">
                                            {% if disadvantages | length == 0 %}
                                                <tr>
                                                    <td class="indexName">
                                                        <p class="nowrap">
                                                            <span class="indexes disadvantages-index">低分因素</span>
                                                        </p>
                                                    </td>
                                                    <td style="text-align: center;" class="zhibiao">
                                                        —
                                                    </td>
                                                    <td class="explanation" style="text-align: center;">无低分因素</td>
                                                </tr>
                                            {% else %}
                                                {% for entry in disadvantages %}
                                                    <tr>
                                                        {% if loop.index == 1 %}
                                                            <td class="indexName" rowspan="{{disadvantages | length }}">
                                                                <p class="nowrap">
                                                                    <span class="indexes disadvantages-index">低分因素</span>
                                                                </p>
                                                            </td>
                                                        {% endif %}
                                                        <td class="zhibiao">
                                                            <div class="nowrap">
                                                                <span class="text-lie">
                                                                    <span class="ability">{{entry.name}}</span>
                                                                    <span class="abilityScore">{{entry.score}}分</span>
                                                                    {% for tagId in lieTagIds %}
                                                                        {% if tagId == entry.tagId %}
                                                                            <span class="icon-lie"></span>
                                                                        {% endif %}
                                                                    {% endfor %}
                                                                </span>
                                                            </div>
                                                        </td>
                                                        <td class="explanation">
                                                            <p>{{entry.explanation}}</p>
                                                        </td>
                                                    </tr>
                                                {% endfor %}
                                            {% endif %}
                                        </table>
                                    {% endif %}
                                    {#
                                        {% if pf8 | length == 0 %}
                                            <p class="incomplete">※ 由于次级人格因素由基本因素计算所得，而受测者未完整作答所有基本因素，受到影响的次级因素结果将不在图表中显示。</p>
                                        {% elif pf8 | length < 8 %}
                                            ※ 由于次级人格因素由基本因素计算所得，而受测者未完整作答的基本因素过多，次级人格因素结果无法显示。
                                        {% endif %}
                                     #}
                                {% endwith %}
                            {% endwith %}
                        </div>

                        <script>
                            function initPfChart(data,chartTemplateId) {
                                if(data.length == 0)
                                    return;
                                var keys = [],
                                    values = [];
                                for (var k = 0, entry; entry = data[k]; ++k) {
                                    keys.push(entry.name);
                                    values.push({
                                        value: entry.score,
                                        itemStyle: {
                                            normal: {
                                                color: '#72B1FF'
                                            }
                                        }
                                    });
                                }
                                var myChart = echarts.init(document.getElementById('pfChart' + chartTemplateId), null, {renderer: 'svg'});
                                var option = {
                                    grid: {
                                        left: '3%',
                                        right: '4%',
                                        bottom: '3%',
                                        containLabel: true
                                    },
                                    xAxis: {
                                        type: 'value',
                                        boundaryGap: [0, 0.01],
                                        min: 0,
                                        max: 10,
                                        axisTick: {
                                            show: false
                                        },
                                        axisLabel: {
                                            fontSize:18
                                        }
                                    },
                                    yAxis: {
                                        type: 'category',
                                        data: keys,
                                        z: 10000,
                                        axisTick: {
                                            show: false
                                        },
                                        axisLabel: {
                                            fontSize:18
                                        }
                                    },
                                    series: [{
                                        name: '得分',
                                        type: 'bar',
                                        data: values
                                    }],
                                    animation:false
                                };
                                myChart.setOption(option);
                            }

                            initPfChart({{ pf8 }}, {{ chart.chartTemplateId }})

                        </script>
                    {% elif chart.type == 17 %}
                        <div class="pf-box pf17">
                            <div style="text-align:center;font-size: 17px;font-weight: bold;margin-bottom: 30px;margin-top: -50px;">{{chart.name}}</div>
                            <div class="summary">
                                <p>本测验从9种身心症状指标，来考查被测者最近一周的心理健康水平。得分越高，表明被测者自我觉察该类症状的频度和强度越强。阳性指数则反映其整体的心理健康状况。（该测评仅反映个体最近一段时间内的心境状态，不能直接判断个体存在心理健康问题；如个体的阳性指数得分较高、或多个指标的症状偏重或重度，则应注意对其进行进一步的检查和诊断。）</p>
                            </div>
                            <div id="pfChart{{chart.chartTemplateId}}" style="margin: 0 auto; width: 860px; height: 500px; transform: translateX(-27px);top:30px;"></div>
                            {#
                                <p class="incomplete">※ 由于受测者未完整作答，部分症状结果会比真实症状程度要轻，相应的结果无参考价值。</p>
                             #}
                        </div>

                        {% with indexHigh = [], indexMiddleHigh = [], indexMiddle = [], indexLower = [] %}
                            {% for entry in chart.entries %}
                                {% if entry.score <= 4 %}
                                    {% do indexLower.append(entry) %}
                                {% elif entry.score <= 6 %}
                                    {% do indexMiddle.append(entry) %}
                                {% elif entry.score <= 8 %}
                                    {% do indexMiddleHigh.append(entry) %}
                                {% else %}
                                    {% do indexHigh.append(entry) %}
                                {% endif %}
                            {% endfor %}


                            <div class="index-list">
                                <table class="index-item high">
                                    <tr>
                                        <td width="12%" class="item">重度指标</td>
                                        <td width="88%">
                                            <table width="100%">
                                                {% if indexHigh | length > 0 %}
                                                    {% for item in indexHigh %}
                                                        <tr>
                                                            <td width="20%">
                                                                <span class="name">{{item.name}} {{ item.score}}分</span>
                                                            </td>
                                                            <td width="60%" class="explanation">{{ item.explanation}}</td>
                                                            <td class="abnormal">
                                                                {% if item.answered == 0 %}
                                                                    未进行该指标题目的作答。
                                                                {% elif item.answered < item.scored %}
                                                                    该指标答题不全，得分低于真实水平。
                                                                {% else %}
                                                                    —
                                                                {% endif %}
                                                            </td>
                                                        </tr>
                                                    {% endfor %}
                                                {% else %}
                                                    <tr>
                                                        <td width="20%">
                                                            <span class="name"> - </span>
                                                        </td>
                                                        <td width="68%">
                                                            <span class="explanation">无重度指标</span>
                                                        </td>
                                                    </tr>
                                                {% endif %}
                                            </table>
                                        </td>
                                    </tr>
                                </table>

                                <table class="index-item middle-high">
                                    <tr>
                                        <td width="12%" class="item">偏重指标</td>
                                        <td width="88%">
                                            <table width="100%">
                                                {% if indexMiddleHigh | length > 0 %}
                                                    {% for item in indexMiddleHigh %}
                                                        <tr>
                                                            <td width="20%">{{item.name}} {{ item.score}}分</td>
                                                            <td width="60%" class="explanation">{{ item.explanation}}</td>
                                                            <td class="abnormal">
                                                                {% if item.answered == 0 %}
                                                                    未进行该指标题目的作答。
                                                                {% elif item.answered < item.scored %}
                                                                    该指标答题不全，得分低于真实水平。
                                                                {% else %}
                                                                    —
                                                                {% endif %}
                                                            </td>
                                                        </tr>
                                                    {% endfor %}
                                                {% else %}
                                                    <tr>
                                                        <td width="20%">
                                                            <span style="color: currentColor;"> - </span>
                                                        </td>
                                                        <td width="68%">
                                                            <span class="explanation">无偏重指标</span>
                                                        </td>
                                                    </tr>
                                                {% endif %}
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                                <table class="index-item middle">
                                    <tr>
                                        <td width="12%" class="item">中度指标</td>
                                        <td width="88%">
                                            <table width="100%">
                                                {% if indexMiddle | length > 0 %}
                                                    {% for item in indexMiddle %}
                                                        <tr>
                                                            <td width="20%">{{item.name}} {{ item.score}}分</td>
                                                            <td width="60%" class="explanation">{{ item.explanation}}</td>
                                                            <td class="abnormal" >
                                                                {% if item.answered == 0 %}
                                                                    未进行该指标题目的作答。
                                                                {% elif item.answered < item.scored %}
                                                                    该指标答题不全，得分低于真实水平。
                                                                {% else %}
                                                                    —
                                                                {% endif %}
                                                            </td>
                                                        </tr>
                                                    {% endfor %}
                                                {% else %}
                                                    <tr>
                                                        <td width="20%">
                                                            <span> - </span>
                                                        </td>
                                                        <td width="68%">
                                                            <span class="explanation">无中度指标</span>
                                                        </td>
                                                    </tr>
                                                {% endif %}
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                                <table class="index-item lower">
                                    <tr>
                                        <td width="12%" class="item">轻度指标</td>
                                        <td width="88%">
                                            <table width="100%" height="100%">
                                                {% if indexLower | length > 0 %}
                                                    {% for item in indexLower %}
                                                        <tr>
                                                            <td width="20%">{{item.name}} {{ item.score}}分</td>
                                                            <td width="60%" class="explanation">{{ item.explanation}}</td>
                                                            <td class="abnormal" >
                                                                {% if item.answered == 0 %}
                                                                    未进行该指标题目的作答。
                                                                {% elif item.answered < item.scored %}
                                                                    该指标答题不全，得分低于真实水平。
                                                                {% else %}
                                                                    —
                                                                {% endif %}
                                                            </td>
                                                        </tr>
                                                    {% endfor %}
                                                {% else %}
                                                    <tr>
                                                        <td width="20%">
                                                            <span style="color: currentColor;"> - </span>
                                                        </td>
                                                        <td width="68%">
                                                            <span class="explanation">无很轻指标</span>
                                                        </td>
                                                    </tr>
                                                {% endif %}
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        {% endwith %}
                        <script>
                            function initBarLineChart (data) {
                                var keys = [],
                                    values = [],
                                    avg = [];

                                for (var k = 0, entry; entry = data.entries[k]; ++k) {
                                    keys.push(entry.name);
                                    values.push(parseInt(entry.scoringRate * 100));
                                    avg.push(parseInt(entry.avgScore * 100));
                                }

                                var myChart = echarts.init(document.getElementById('pfChart' + data.chartTemplateId));

                                var option = {
                                    legend: {
                                        data: ['得分', '平均水平']
                                    },
                                    xAxis: [{
                                        type: 'category',
                                        data: keys,
                                        axisTick: {
                                            show: false
                                        },
                                        axisPointer: {
                                            type: 'shadow'
                                        }
                                    }],
                                    yAxis: [{
                                        type: 'value',
                                        name: '分数',
                                        axisTick: {
                                            show: false
                                        },
                                        min: 0,
                                        max: 100,
                                        interval: 20
                                    }, {
                                        min: 0,
                                        max: 100,
                                        interval: 20,
                                        axisTick: {
                                            show: false
                                        },
                                        axisLabel: {
                                            show: false
                                        },
                                        axisLine: {
                                            show: false
                                        }
                                    }],
                                    series: [{
                                        name: '得分',
                                        type: 'bar',
                                        barWidth: 30,
                                        data: values,
                                        itemStyle: {
                                            normal: {
                                                color: '#00A0E9'
                                            }
                                        }
                                    }, {
                                        name: '平均水平',
                                        type: 'line',
                                        yAxisIndex: 1,
                                        data: avg,
                                        itemStyle: {
                                            normal: {
                                                color: '#FF5986'
                                            }
                                        }
                                    }],
                                    animation:false
                                };
                                myChart.setOption(option);
                            }
                            initBarLineChart({{ chart }})
                        </script>
                    {% elif chart.type == 19 %}
                        <div class="data-src">
                            <div>
                                <h4>{{chart.name}}
                                    <span class="chart-score">
                                        {% if chart.answered < chart.scored %}
                                            —
                                        {% else %}
                                            {{chart.score}}分
                                        {% endif %}
                                    </span>
                                </h4>
                                <p>
                                    {#
                                    {% if chart.answered < chart.scored %}
                                        <p class="incomplete" style="text-align: left;">※ 由于受测者未完整作答所有指标，阳性指数将低于真实水平，结果无参考价值。</p>
                                    {% else %}
                                        {{ chart.explanation }}
                                    {% endif %}
                                     #}
                                    {{ chart.explanation }}
                                </p>
                            </div>
                        </div>
                    {% elif chart.type == 35 %}
                        <div class="pictorialBarChart" style="position: relative; margin-top: 20px">
                            <div id="pictorialBarChart{{ chart.chartTemplateId }}" style="margin: 0 auto; width: 800px; height: 400px"></div>
                        </div>

                        <script>
                            function initPictorialBar (data) {
                                // Generate data
                                var category = [];
                                var lineData = [];
                                var barData = [];

                                for (var k = 0, entry; entry = data.entries[k]; ++k) {
                                    category.push(entry.name);
                                    lineData.push((parseFloat(entry.avgScore * 100)).toFixed(2));
                                    barData.push((parseFloat(entry.scoringRate * 100)).toFixed(2));
                                }

                                var myChart = echarts.init(document.getElementById('pictorialBarChart'+data.chartTemplateId));

                                var option = {
                                    backgroundColor: '#fff',
                                    legend: {
                                        top: 20,
                                        data: ['人群均分', '受测者得分'],
                                        textStyle: {
                                            color: '#000',
                                            fontSize:18
                                        }
                                    },
                                    xAxis: {
                                        data: category,
                                        axisLine: {
                                            lineStyle: {
                                                color: '#000'
                                            }
                                        },
                                        axisLabel: {
                                            fontSize: 18
                                        }
                                    },
                                    yAxis: {
                                        max: 100,
                                        splitLine: {show: false},
                                        axisLine: {
                                            lineStyle: {
                                                color: '#000'
                                            }
                                        },
                                        axisLabel: {
                                            fontSize: 18
                                        }
                                    },
                                    series: [{
                                        name: '人群均分',
                                        type: 'line',
                                        smooth: true,
                                        showAllSymbol: true,
                                        symbol: 'emptyCircle',
                                        symbolSize: 15,
                                        data: lineData,
                                        itemStyle: {
                                            normal: {
                                                color: '#0687ff'
                                            }
                                        }
                                    }, {
                                        name: '受测者得分',
                                        type: 'bar',
                                        barWidth: 14,
                                        itemStyle: {
                                            normal: {
                                                barBorderRadius: 5,
                                                color: '#ffc820'
                                            }
                                        },
                                        data: barData
                                    }],
                                    animation:false
                                };

                                myChart.setOption(option);
                            }

                            initPictorialBar({{ chart }})
                        </script>

                    {% elif chart.type == 34 %}
                        {% with strictRules = ["艺术型", "实际型", "调研型", "常规型", "企业型", "社会型"], sorted = [], entries = [], fullNames = [], inferiors = [], recommend = [], disrecommend = []%}
                            {% for strictRule in strictRules%}
                                {% for entry in chart.entries %}
                                    {% if strictRule == entry.name %}
                                        {% do sorted.append(entry) %}
                                    {% endif %}
                                {% endfor %}
                            {% endfor %}


                            {% for entry in sorted | sort(reverse=True, attribute='scoringRate') %}
                                {% do entries.append(entry) %}

                                {% if entry.name == "艺术型" %}
                                    {% do fullNames.append("A") %}
                                    {% do inferiors.append("审美能力一般；不擅于想象，发散思维及创新能力较弱。") %}
                                {% elif entry.name == "实际型" %}
                                    {% do fullNames.append("R") %}
                                    {% do inferiors.append("较张扬，略有好高骛远；动手能力一般，身体协调性不佳。") %}
                                {% elif entry.name == "调研型" %}
                                    {% do fullNames.append("I") %}
                                    {% do inferiors.append("较缺乏好奇心，兴趣略为单一；恒心不强；分析和逻辑能力偏弱。") %}
                                {% elif entry.name == "常规型" %}
                                    {% do fullNames.append("C") %}
                                    {% do inferiors.append("条理性较弱，对细节不甚在意；略有好高骛远；对秩序没有过多要求；有些冲动。") %}
                                {% elif entry.name == "企业型" %}
                                    {% do fullNames.append("E") %}
                                    {% do inferiors.append("自信心较弱；较少做风险较高的决策；影响、管理和领导他人的能力较欠缺；有些优柔寡断。") %}
                                {% else %}
                                    {% do fullNames.append("S") %}
                                    {% do inferiors.append("对人较为冷淡；利他性有所欠缺，同理心不强；不太擅于说服他人。") %}
                                {% endif %}
                            {% endfor %}


                            {% for job in jobsData %}
                                {% if job.type == (fullNames[0] + "-" + fullNames[1]+fullNames[2]) %}
                                    {% do recommend.append(job) %}
                                {% elif job.type == (fullNames[5] + "-" + fullNames[4]+fullNames[3]) %}
                                    {% do disrecommend.append(job) %}
                                {% endif %}
                            {% endfor %}


                            <div class="directions-list">
                                {% if answerSum[0] / totalSum[0] >= 0.95 %}
                                    <div class="direction-item">
                                        <h4 style="background-color: transparent">职业倾向类型：
                                            <span style="font-size: 18px">{{ fullNames[0] + "-" + fullNames[1] + fullNames[2] }}</span>型
                                        </h4>
                                        <div class="conclusion-type">
                                            <h5 style="font-size: 18px; font-weight: bold; padding-left: 12px; color:rgb(0,176,240)">{{ (entries[0].name)[0:2] + "、" + (entries[1].name)[0:2] + "、" +entries[2].name }}</h5>
                                        </div>
                                    </div>
                                    <div class="direction-item">
                                        <h4 style="background-color: transparent">受测者的优势：</h4>

                                        <div class="personalCharacters">
                                            <table class="chief-characters">
                                                <tbody>
                                                    <tr>
                                                        <td class="cate">首要人格特点</td>
                                                        <td class="name">{{ entries[0].name + "（" + fullNames[0] + "）"}}</td>
                                                        <td class="explanation">{{ entries[0].explanation }}</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                            <table class="minor-characters">
                                                <tbody>
                                                    <tr>
                                                        <td class="cate" rowspan="2">次要人格特点</td>
                                                        <td class="name">{{ entries[1].name + "（" + fullNames[1] + "）" + "、" +  entries[2].name + "（" + fullNames[2] + "）" }}</td>
                                                        <td class="explanation">{{ entries[1].explanation + entries[2].explanation }}</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>

                                    {% if ( entries[5].score < 4 ) %}
                                        <div class="direction-item">
                                            <h4 style="background-color: transparent">受测者的劣势</h4>
                                            <p class="explanation">{{ inferiors[5] }}</p>
                                        </div>
                                    {% endif %}

                                    <div class="direction-item">
                                        <h4 style="color:#fff;">推荐的职业方向</h4>
                                        <p class="explanation">{{ recommend[0].direction }}</p>
                                        <div class="jobs">
                                            {% for item in recommend[0].jobs %}
                                                <span class="job" style="background-color: #E7F5FF; color:#666;">{{ item }}</span>
                                            {% endfor %}
                                        </div>
                                    </div>

                                    <div class="direction-item">
                                        <h4 style="color:#fff;">不推荐的职业方向</h4>
                                        <p class="explanation">{{ disrecommend[0].direction }}</p>
                                        <div class="jobs">
                                            {% for item in disrecommend[0].jobs %}
                                                <span class="job" style="background-color: #BDBDBD;">{{ item }}</span>
                                            {% endfor %}
                                        </div>
                                    </div>
                                {% else %}
                                    <div class="direction-item">
                                        <h4 style="background-color: transparent">职业倾向类型：</h4>
                                        <p>由于受测者未完整作答，职业倾向的类型无法判断。</p>
                                    </div>
                                {% endif %}
                            </div>

                        {% endwith %}

                    {% elif chart.type == 9 %}
                        <!-- 玫瑰图表 -->
                        {% if chart.entries | length < 3 %}
                            <!-- 数据长度小于3  省略玫瑰图表 -->
                        {% else %}
                            <div style="margin-bottom: 30px;">
                                <div id="roseChart{{ chart.chartTemplateId }}" style="margin: 0 auto;width: 800px;height: 400px;"></div>
                                <div class="clearfix">
                                    <ul style="margin-left: 150px;">
                                        <li title="优势 7-9" style="padding-bottom: 10px;"><span class="rose rose-good"></span>优势指标</li>
                                        <li title="一般 5-6" style="padding-bottom: 10px;"><span class="rose rose-soso"></span>一般</li>
                                        <li title="劣势 0-4"><span class="rose rose-bad"></span>劣势指标</li>
                                    </ul>
                                </div>
                                {#
                                    {% if answerSum[0] < totalSum[0] %}
                                        <p class="incomplete">※ 由于受测者未完整作答，整体及某些指标得分会低于真实水平，请仅参考完整作答的单个指标。</p>
                                    {% endif %}
                                 #}
                            </div>
                        {% endif %}

                        <script>
                            function initRoseChart (data) {
                                //格式化数据
                                var seriesData = [],
                                    name, good = [],
                                    bad = [],
                                    soso = [],
                                    computedColor = "#ddd";
                                name = data.name;
                                for (var k = 0, entry; entry = data.entries[k]; ++k) {
                                    if (entry.score <= 4)
                                        computedColor = "#f8505c";
                                    if (entry.score >= 5 && entry.score <= 6)
                                        computedColor = "#D2D2D2";
                                    if (entry.score >= 7 && entry.score <= 9)
                                        computedColor = "#5092f8";

                                    seriesData.push({
                                        value: entry.score,
                                        name: entry.name,
                                        itemStyle: {
                                            normal: {
                                                color: computedColor
                                            }
                                        },
                                        label: {
                                            normal: {
                                                textStyle: {
                                                    color: '#666'
                                                }
                                            }
                                        },
                                        labelLine: {
                                            normal: {
                                                lineStyle: {
                                                    color: '#d2d2d2'
                                                }
                                            }
                                        }
                                    });
                                }

                                if (seriesData.length < 3)
                                    return;

                                var myChart = echarts.init(document.getElementById('roseChart'+data.chartTemplateId), null, {renderer: 'svg'});

                                var option = {
                                    series: [{
                                        name: '',
                                        type: 'pie',
                                        radius: [0, 150],
                                        center: ['50%', '50%'],
                                        label: {
                                            normal: {
                                                textStyle: {
                                                    fontSize: 18,
                                                }
                                            }
                                        },
                                        labelLine: {
                                            normal: {
                                                show: true,
                                                length2: 0
                                            },
                                        },
                                        itemStyle: {
                                            normal: {
                                                borderWidth: 1,
                                                borderColor: '#fff'
                                            }
                                        },
                                        roseType: 'area',
                                        data: seriesData
                                    }],
                                    animation:false
                                };

                                myChart.setOption(option);
                            }

                            initRoseChart({{ chart }})
                        </script>

                    {% elif chart.type == 40 %}
                        <div class="gaugeChart" style="position: relative; margin-top: 40px">
                            <div id="gaugeChart{{ chart.chartTemplateId }}" style="margin: 0 auto; width: 800px; height: 500px; margin: -40px 0;"></div>
                        </div>
                        <div class="summary" style="padding: 0 40px">
                            <p>此测评适用于高智商人群，只要得分高于0分、无论具体得分是多少，都属于高智商群体。若受测者的得分为0，则不属于高智商群体。</p>
                            {#
                                <p class="incomplete">※ 由于受测者未完整作答，整体及某些指标得分会低于真实水平，请仅参考完整作答的单个指标。</p>
                            #}
                        </div>

                        <script>
                            function initGaugeChart (data){
                                var myChart = echarts.init(document.getElementById('gaugeChart'+data.chartTemplateId), null, {renderer: 'svg'});
                                var option = {
                                    series: [
                                        {
                                            name: '指标得分',
                                            type: 'gauge',
                                            axisLine: {            // 坐标轴线
                                                lineStyle: {       // 属性lineStyle控制线条样式
                                                    color: [[0.2, '#abe5ff'],[0.8, '#4dbff3'],[1, '#00a0e9']],
                                                },
                                                axisLabel:{
                                                  fontSize:17
                                                }
                                            },
                                            detail: {formatter: parseInt(data.score*100)+'分'},
                                            data: [{value: parseInt(data.score*100), name: ''}]
                                        }
                                    ],
                                    animation:false
                                };

                                myChart.setOption(option);
                            }

                            initGaugeChart({{ chart }})
                        </script>

                    {% elif chart.type == 44 %}
                        <div class="nine-personality">
                            <div class="nine-container">
                                <div class="nine-title">一、关于九型人格</div>
                                <div class="nine-title-notes">九型人格将个体人格分为九大基本类型：完美主义者、给予者、实干者、悲情浪漫者、观察者、怀疑论者、享乐主义者、保护者和调停者。受当前状态的影响，个体会以某种人格类型为主。同时，个体的主人格也会根据环境、心境因素而动态变化。</div>
                                <div class="nine-title-1">
                                    <img src="static/img/nine-title-1.png" alt="">
                                </div>
                                <div class="nine-form-box">
                                    <div class="nine-form-title">
                                        <div>编号</div>
                                        <div>人格类型</div>
                                        <div>特点</div>
                                    </div>
                                    <div class="nine-body-box">
                                        <div class="nine-body-line">
                                            <div>1</div>
                                            <div>完美主义者</div>
                                            <div>对自己和他人都有极高的要求</div>
                                        </div>
                                        <div class="nine-body-line">
                                            <div>2</div>
                                            <div>给予者</div>
                                            <div>愿意满足他人的需求，获得好感和认同</div>
                                        </div>
                                        <div class="nine-body-line">
                                            <div>3</div>
                                            <div>实干者</div>
                                            <div>希望通过自己的行动和成就获得关爱</div>
                                        </div>
                                        <div class="nine-body-line">
                                            <div>4</div>
                                            <div>悲情浪漫者</div>
                                            <div>被不切实际的幻想吸引，敏感、艺术</div>
                                        </div>
                                        <div class="nine-body-line">
                                            <div>5</div>
                                            <div>观察者</div>
                                            <div>注重隐私，保持距离，善自我探索</div>
                                        </div>
                                        <div class="nine-body-line">
                                            <div>6</div>
                                            <div>怀疑论者</div>
                                            <div>用怀疑的眼光看待一切，愿意自我牺牲</div>
                                        </div>
                                        <div class="nine-body-line">
                                            <div>7</div>
                                            <div>享乐主义者</div>
                                            <div>像孩子一样天真，渴望年轻、乐天派</div>
                                        </div>
                                        <div class="nine-body-line">
                                            <div>8</div>
                                            <div>保护者</div>
                                            <div>很强的保护力，喜欢挑战，负责任</div>
                                        </div>
                                        <div class="nine-body-line">
                                            <div>9</div>
                                            <div>调停者</div>
                                            <div>考虑各方观点，为人亲切</div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            {% set entryName = chart.entries[0].name %}
                            {% set enneagramMap = {
                                "完美主义者": "perfectionism",
                                "给予者": "giver",
                                "实干者": "doer",
                                "悲情浪漫者": "tragicRomantic",
                                "观察者": "observer",
                                "怀疑论者": "skeptics",
                                "享乐主义者": "hedonist",
                                "保护者": "protector",
                                "调停者": "mediator"
                                }
                            %}

                            {% set enneagram = enneagramData[enneagramMap[entryName]] %}

                            <div class="nine-container">
                                <div class="nine-title">二、性格类型</div>
                                <div class="nine-character">
                                    <div class="nine-character-type">
                                        <div class="character-list">
                                            <div class="character-title">受测者的主性格是：</div>
                                            <div class="character-text">{{ enneagram.name }}</div>
                                        </div>
                                        <div class="character-list">
                                            <div class="character-title">两翼性格：</div>
                                            <div class="character-notes">（主性格两侧的性格，潜藏着性格的具体表现）</div>
                                            <div class="character-text">{{ enneagram.wings }}</div>
                                        </div>
                                        <div class="character-list">
                                            <div class="character-title">动态性格：</div>
                                            <div class="character-notes">（在压力和安全状态下向哪种性格发展）</div>
                                            {% for dynamic in enneagram.dynamic %}
                                                <div class="character-text">{{ dynamic }}</div>
                                            {% endfor %}
                                        </div>
                                    </div>
                                    <div class="nine-character-img">
                                        <canvas id="nineCanvas"></canvas>
                                    </div>

                                    <script>
                                        function nineCharacterPersonality(data){
                                            var imgUri = "static/img/nine-title-2.png";
                                            var sort = ["完美主义者","给予者","实干者","悲情浪漫者","观察者","怀疑论者","享乐主义者","保护者","调停者"];
                                            var entries = data.entries;
                                            var background = new Image();

                                            background.onload = function() {
                                                var canvas = document.getElementById("nineCanvas");
                                                canvas.width = background.width;
                                                canvas.height = 400;// background.height
                                                var ctx = canvas.getContext('2d');
                                                ctx.fillStyle = "#7EA2FE";
                                                ctx.textAlign = "center";
                                                ctx.font = "20px MicrosoftYaHei";//bold
                                                var x = ["370", "400", "380", "314", "155", "75", "40", "101", "235"];
                                                var y = ["90", "180", "280", "356", "356", "280", "180", "90", "40"];

                                                for(var i = 0; i < sort.length; i++){
                                                    for(var k = 0; k < entries.length; k++){
                                                        if(sort[i] == entries[k].name){
                                                            ctx.fillText(Math.floor(entries[k].scoringRate * 100), x[i], y[i]);
                                                        }
                                                    }
                                                }

                                                ctx.drawImage(background, 0, 43);
                                            };
                                            background.src = imgUri;
                                        }

                                        nineCharacterPersonality({{chart}});
                                    </script>
                                </div>
                            </div>

                            <div class="nine-container">
                                <div class="nine-title">三、性格特点分析</div>
                                <div class="content-box">
                                    <div class="box-title">主性要特质</div>
                                    <div class="box-subtitle">受测者性格的主要特质是：</div>
                                    {% for main in enneagram.analysis.main %}
                                        <div class="box-item">{{main}}</div>
                                    {% endfor %}
                                </div>
                                <div class="content-box">
                                    <div class="box-title">副型（主性格的三个表现层面）</div>
                                    <div class="box-subtitle">受测者性格在社会关系、自我保护和一对一关系三个表现层面的特点分别是：</div>
                                    {% for assistant in enneagram.analysis.assistant %}
                                        {% if loop.index == 1 %}
                                            <div class="box-item"><span>社会关系：</span>{{assistant}}</div>
                                        {% elif loop.index == 2 %}
                                            <div class="box-item"><span>自我保护：</span>{{assistant}}</div>
                                        {% elif loop.index == 3 %}
                                            <div class="box-item"><span>一对一关系：</span>{{assistant}}</div>
                                        {% endif %}
                                    {% endfor %}
                                </div>
                                <div class="content-box">
                                    <div class="box-title">关注点</div>
                                    <div class="box-subtitle">受测者会对以下方面给予更多的关注：</div>
                                    {% for focus in enneagram.analysis.focus %}
                                        <div class="box-item">{{focus}}</div>
                                    {% endfor %}
                                </div>
                                <div class="content-box">
                                    <div class="box-title">直觉反应能力</div>
                                    <div class="box-subtitle">受测者对这些问题更为敏感：</div>
                                    {% for intuition in enneagram.analysis.intuition %}
                                        <div class="box-item">{{intuition}}</div>
                                    {% endfor %}
                                </div>
                            </div>

                            <div class="nine-container">
                                <div class="nine-title">四、管理建议</div>
                                <div class="content-box">
                                    <div class="box-title">闪光点</div>
                                    <div class="box-subtitle">该类型的个体普遍具有以下优势，这些优势在不同的个体身上表现出来的明显程度也会有区别。</div>
                                    {%for shining in enneagram.suggestions.shining %}
                                        <div class="box-item">{{shining}}</div>
                                    {% endfor %}
                                </div>
                                <div class="content-box">
                                    <div class="box-title">适合的领域与环境</div>
                                    <div class="box-subtitle">适合的领域与坏境可以使个体工作主动性更强、积极性更高；以下领域及环境与受测者的性格特点较为匹 配，但在具体的相对偏好程度上不同个体是不同的。</div>
                                    {% for rightness in enneagram.suggestions.rightness %}
                                        <div class="box-item">{{rightness}}</div>
                                    {% endfor %}
                                </div>
                                <div class="content-box">
                                    <div class="box-title">不适合的环境</div>
                                    <div class="box-subtitle">不适合坏境会使个体工作消极懈怠；以下环境会干扰受测者，必须加强注意。</div>
                                    {% for unsuited in enneagram.suggestions.unsuited %}
                                        <div class="box-item">{{unsuited}}</div>
                                    {% endfor %}
                                </div>
                                <div class="content-box">
                                    <div class="box-title">职场角色</div>
                                    <div class="box-subtitle">不同类型的人可以在职场中扮演适合的角色，在团队中起到不同的作用。</div>
                                    <div class="box-role">{{enneagram.suggestions.WorkplaceRole.role}}</div>
                                    {% for characters in enneagram.suggestions.WorkplaceRole.characters %}
                                        <div class="box-item">{{characters}}</div>
                                    {% endfor %}
                                </div>
                                <div class="content-box">
                                    <div class="box-title">沟通建议</div>
                                    <div class="box-subtitle">这些沟通策略或方法可以更好地调动该类型受测者的工作积极性，获得较好的沟通效果。</div>
                                    {% for communication in enneagram.suggestions.communication %}
                                        <div class="box-item">{{communication}}</div>
                                    {% endfor %}
                                </div>
                            </div>
                        </div>
                    {% endif %}
                {% endfor%}
                </div>
            {% endfor %}
            {% if report.recommendations and (report.recommendations | length > 0) %}
                {% with recommendationHigh=[], recommendationLow=[], recommendationUnAnswer=[], random = []%}
                    {% for recommendation in report.recommendations %}
                        {% if recommendation.answered == 0 %}
                            {% do recommendationUnAnswer.append(recommendation) %}
                        {% elif recommendation.score > 6 %}
                            {% do recommendationHigh.append(recommendation) %}
                        {% elif recommendation.score < 5 %}
                            {% do recommendationLow.append(recommendation) %}
                        {% endif %}
                    {% endfor %}

                    <div class="interview-advices">
                        <h4 class="box-title">
                            <span id="interview-advices-title"  data-toggle="popover" data-trigger="hover" data-content="从测评结果看，候选人在某些指标上得分较低，或在某些指标上掩饰性较高，建议在这些指标上做进一步的考查，了解其真实情况。" data-container="body" >
                                面试建议
                            </span>
                        </h4>
                        {% if recommendationLow | length > 0 %}
                        <div class="advices-low">
                            <p class="advices-explanation"><span class="bottom-index">【低分指标】</span>候选人在下列指标上得分较低，建议通过以下问题进一步验证。</p>
                            <div class="advices-wrapper">
                                <table class="advices-table">
                                    <tbody>
                                        {% for recommendation in recommendationLow %}
                                            {% set random = report.id % recommendation.suggestions | length %}
                                            <tr style="height:10px;">
                                                <td style="color: #333;">
                                                    {{recommendation.name}}
                                                    {{recommendation.score}}分
                                                </td>
                                                <td style="text-align: left;position:relative;">
                                                    <p>{{recommendation.suggestions[random].question}}</p>
                                                    <div class="analysis-text low-score" style="position:relative;">
                                                        {% for analysis in recommendation.suggestions[random].analysis | splitStr("\n") %}
                                                            {{analysis}}<br/>
                                                        {% endfor %}
                                                        <span class="analysis-icon"></span>
                                                        <span class="analysis-btn low-score">解析</span>
                                                    </div>
                                                </td>
                                                <td><span class="index-analysis low-score"></span></td>
                                            </tr>
                                        {% endfor %}
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        {% endif %}
                        {% if recommendationsHigh | length > 0 %}
                        <div class="advices-high">
                            <p class="advices-explanation"><span class="bottom-index">【高掩饰性指标】</span>候选人在下列指标上表现出较高的掩饰性，所得分数可能与实际情况差别较大，建议通过以下问题进一步考查。</p>
                            <div class="advices-wrapper">
                                <table class="advices-table">
                                    <tbody>
                                        {% for recommendation in recommendationsHigh %}
                                            <tr style="height:10px;color: #333;">
                                                <td style="color: #333;">
                                                    {{recommendation.name}}
                                                    {{recommendation.score}}分
                                                </td>
                                                <td style="text-align: left;position:relative;">
                                                    <p>{{recommendation.suggestions[random].question}}</p>
                                                    <div class="analysis-text high-conceal" style="position:relative;">
                                                        {% for analysis in recommendation.suggestions[random].analysis | splitStr("\n") %}
                                                            {{analysis}}<br/>
                                                        {% endfor %}
                                                        <span class="analysis-icon"></span>
                                                        <span class="analysis-btn high-conceal">解析</span>
                                                    </div>
                                                </td>
                                                <td><span class="index-analysis high-conceal"></span></td>
                                            </tr>
                                        {% endfor %}
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        {% endif %}
                        {% if recommendationUnAnswer | length > 0 %}
                            <div class="advices-unanswered">
                                <p class="advices-explanation"><span class="bottom-index">【未作答指标】</span>候选人在下列指标上未作答，建议通过以下问题考查其实际情况。</p>
                                <div class="advices-wrapper">
                                    <table class="advices-table">
                                        <tbody>
                                            {% for recommendation in recommendationUnAnswer %}
                                                {% set random = report.id % recommendation.suggestions | length %}
                                                <tr style="height:10px;color: #333;">
                                                    <td style="color: #333;">
                                                        {{recommendation.name}}
                                                    </td>
                                                    <td style="text-align: left;position:relative;">
                                                        <p>{{ recommendation.suggestions[random].question }}</p>
                                                        <div class="analysis-text unanswered" style="position:relative;">
                                                            {% for analysis in recommendation.suggestions[random].analysis | splitStr("\n") %}
                                                                {{analysis}}<br/>
                                                            {% endfor %}
                                                            <span class="analysis-icon"></span>
                                                            <span class="analysis-btn unanswered">解析</span>
                                                        </div>
                                                    </td>
                                                    <td><span class="index-analysis unanswered"></span></td>
                                                </tr>
                                            {% endfor %}
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        {% endif %}
                    </div>
                {% endwith %}
            {% endif %}
        </div>
    </div>
</body>
</html>